DIV+CSS网页布局技巧研究

The study of DIV+CSS Web layout skills

分析并归纳了应用DIV+CSS进行布局的常用方法及技巧,提出常用的六种网页布局形式,分别是:固定宽度的多列布局,完全按百分比布局,左侧按百分比变动、右侧固定宽度布局,右侧按百分比变动、左侧固定宽度布局,两侧按百分比变动、中间固定宽度布局和中间按百分比变动、两侧固定宽度布局。对盒子模型中的填充、边框和边界进行深入分析,对position属性和float属性使用技巧进行总结,以期对网页制作者有所帮助。

This paper analysis the commonly used methods and techniques in the DIV＋CSS layout, presents six common forms of Web layout. And analysis of the padding, border and margin of the box model in-depth, the skills of using the position attributes and the float attributes are summarized in order to help Webpage maker.