文章标题：布局设计的核心原则
本文介绍布局设计的基本原则，以及如何在不同场景下选择合适的布局方式。
一、布局的基本要素
一个良好的布局需要平衡内容层级、视觉重心和用户浏览路径。顶部导航提供全局导航，正文区域承载核心信息，侧边栏补充辅助内容。
在 Web 设计中，布局的核心目标是让用户能够快速找到所需信息，同时保持视觉上的舒适和一致性。
二、浮窗的应用场景
右侧浮窗通常用于放置：文章目录、作者信息、相关推荐、广告位、社交分享等。它随滚动跟随，保持始终可见。
<div class="float-layout">
<main class="float-main">
<!-- 正文 -->
</main>
<aside class="float-side">
<div class="float-card">
<!-- 浮窗内容 -->
</div>
</aside>
</div>
三、响应式适配
在移动端，浮窗自动收起到正文下方，不再固定跟随，避免遮挡内容。