三栏布局的几种方法

时间 2021-01-01

原文原文链接

方法一、左右两栏分别左右浮动，中间宽度自适应给中间的div左右margin，左边margin为左边div的宽度，右边margin右边div的宽度父元素overflow:hidden清除浮动效果如下：方法二：圣杯布局给父元素加左右padding，左中右都为向左浮动，中间宽度100% 效果如下：方法三：双飞翼布局给中间div加入子元素，给子元素设置左右margin，为左右div留位置。