三列布局

1.定位+padding【不建议】

2.float【middle不优先显示】

3.圣杯布局:

        a.中间优先显示,width=100%,结构在最上面

        b.三列全部float,父元素clearfix,width不能设置。

        c.设置左右margin为负值,把三个元素理解为在一行上就行

            左面的-100%,右面的-(元素宽度)

        d.设置父元素padding+左右元素的left(定位使元素层级上升)

4.伪等高布局:

        在圣杯的基础上使三列等高

        a.设置10000px的padding-bottom和-10000px的margin-bottom

        b.父元素设置overflow:hidden;

5.双飞翼布局【这名字都怎么回事:

        将圣杯布局父元素 padding+左右元素相对定位

        修改为 在中间元素中添加子元素,修改子元素padding【margin也行吧】

你可能感兴趣的:(三列布局)