2024年4月15日发(作者：)

1 开篇

内容决定形式，不同的应用场景需要不同的展现形式。布局最终的目的是为了让内容

能够更加灵活和便捷的呈现在最终用户的眼前。

用户只关心他是否能从不同的设备上能够访问到你的内容，而不会关心你通过使用什

么技术手段能够达到这种效果。

2 布局的目的

页面的布局方式是页面构成的主骨架。

通用布局的目的主要是提供一种抽象，指导设计和开发人员都能够按照某种规范来简

化设计和开发的过程。

3 常见的布局方式

以下描述的一些布局方式并不是完全互斥的，不同的布局之间可以互相嵌套。并且也

没有一种布局方式适用于所有的应用场景。具体采用哪种布局方式还需要看实际需求、应

用场景以及实现难易程度。

1

以下针对一些常见的布局方式进行描述：

3.1 固宽布局

固宽布局比较简单，这种布局有一个设置了固定宽度的外包裹，里面的各个模块也是

固定宽度而非百分比。重要的是容器（外包裹）元素是设置为不能移动的。一般为适应主

流的分辨率，设置固定宽度为950px左右。如果小于这个宽度，则会出现滚动条。如

，它为固定宽度为980px。

2