23
2013-10

实现“三栏-中栏流动布局”的两种方法

本文介绍实现中栏流动布局的两种方法。一种是在中栏改变大小时使用负外边距定位右栏,此方法结构略显复杂,但是很巧妙并且有效。 另一种是使用 CSS3 让栏容器具有类似表格单元的行为 ,这种方法很简单易理解,但是无法在低版本IE浏览器(IE6,7)上正常使用。

用负外边距实现

其实现方法是添加两个div外包装,其中一个外包装包围所有三栏,另一个外包装只包围左栏和中栏。

«1»