前端布局

No.1 流式布局 和 固定布局

流式布局就是像水流一样适应屏幕的布局。

固定布局就是长度大小什么都固定好了。

No.2 布局元素

1、Div 布局

使用Div，灵活性较强。进行网页布局。在CSS3的一些实例中，采用流式布局，会出现闪屏。

2、Table布局

布局思路更清晰，表格模型。后台验证的表单框等等。

No.3 一些布局实例

|---------400px（Div1）--------||------------600px（Div2）-------------|

这种固定了长度的大小，当CSS设置不当的时候，会导致div上下错位，从而影响美观。

|--------- 400%（Div1）--------||------------ 600% （Div2） -------------|

采用百分比长度，可使div自动适应屏幕，自动调整。