基于CSS+DIV的页面分栏布局的应用

Application of Web Column Layout Based on CSS + DIV

针对网页设计中常见的网页版式,利用CSS+DIV样式与布局来实现页面分栏布局。根据固定宽度和自适应宽度版式的特点,给出1列固定宽度、2列固定宽度、3列固定宽度的布局方法。在此基础上,研究1列自适应、2列自适应和3列自适应宽度的布局方法。以上布局方法,为设计者快速完成页面布局提供了很好的解决方案。

According to the common web layout in web design, we can use CSS ＋ DIV style and layout to realize the web column layout. It is given a fixed width, two - column fixed width, three - column fixed width layout methods , based on the characteristics of fixed width and adaptive width. On this basis, the layout of one column adaptive, two- column adaptive and three -column adaptive width are proposed. All the layout methods above provide a good solution for designers to complete the web layout quickly.