布局

固定宽度

两列

首先固定好总体的宽度,然后将内部的两个元素一个左浮动一个右浮动就可以实现简单的两列布局。

三列

固定好总宽度,然后建立两个内部元素,一个左浮动一个右浮动,然后挑选一个元素在其内部再添加两个元素,继续一个左浮动一个右浮动

固定宽度对不同尺寸的屏幕存在适配问题,是一种权宜之计,不是一种很好的方法。

流式布局

流式布局是相对于浏览器宽度进行百分比设置进行的布局方式。

弹性布局

以字号为基准的布局方式。

掌握几种基本的布局方式。

现在要能自己写两列布局,三列布局,三列登高,流式图像。