ife layout: 三栏网页宽度自适应布局方法

绝对定位法

最直观，最容易理解：左右两栏采用绝对定位，分别固定于页面的左右两侧，中间的主体栏用左右margin值撑开距离。于是实现了三栏自适应布局。

margin负值法

中间的主体要使用双层标签。外层div宽度100%显示，并且浮动（本例左浮动，下面所述依次为基础），内层div为真正的主体内容，含有左右210像素的margin值。左栏与右栏都是采用margin负值定位的，左栏左浮动，margin-left为-100%，由于前面的div宽度100%与浏览器，所以这里的-100% margin值正好使左栏div定位到了页面的左侧；右侧栏也是左浮动，其margin-left也是负值，大小为其本身的宽度即200像素。 注意几个div的顺序，无论是左浮动还是右浮动，先是主体部分div，然后是左右两栏。

自身浮动法

左栏左浮动，右栏右浮动，主体直接放后面，就实现了自适应。 三个div标签的顺序的关键是要把主体div放在最后，左右两栏div顺序任意。

Flex

两侧flex: 0 0 auto;，主体flex: 1 1 auto;