第4章 CSS 布局的艺术和科学

在现代网页设计中，网站布局设计工作需要耐心、细致以及扎实的CSS 知识。设计元素决定了整体设计的视觉流向和层次结构，同时页面布局构建了整个网站的骨架，为页面中的元素提供了呼吸和生存的空间结构。但是，设计网页布局确实非常复杂、耗时，设计师的耐心往往在面对各种浏览器之间的不兼容以及多种风格和样式之间的利弊权衡过程中被一点点地侵蚀掉。

经过长时期的探索，现在已经有一些实用的指导可以帮助设计师有效、可控地完成页面布局。本章将会介绍多种类型的布局，并且分别介绍它们的优点和缺点以及在何种情况下使用最好。同时，为了从总体上更好地理解CSS布局，还会涉及一些主要技术和相关话题。探寻并建立一个完美、普遍适用的布局的过程，最后都归结为对现存各种方法的比较，这个过程还会极大地受到设计师的技能以及在像素级、自适应、灵活性布局之间作出选择的影响。设计师基本上有4种可供选择的布局类型：固定宽度布局、自适应布局（含动态网格布局和自适应的流失式布局两种变化形式）、弹性布局和混合布局。这些布局的名字暗示了它们是否能够根据用户浏览器的尺寸调整自身的尺寸。