前言你总是听到双翼布局和圣杯布局……不知道是谁起的名字,就叫三栏吧布局。它们虽然有一些细微的差别,但本质上都是实现了三栏布局,即左右两栏固定,中间自适应。随便在网上搜了一下实现方案,所有的实现方案,少则两三种,多则七八种。各种方法各有利弊,但我觉得主要有三四种比较实用的方法,因为很多方法实际上被淘汰了或者太麻烦了(比如tablelayout)。浮动方案绝对定位方案Flex布局方案网格布局(本章未涉及)方案一:浮动方案实现思路:先浮动左右两列,左列向左浮动,右列向右浮动将它们固定在两侧。但是需要注意的是,这种方法是把中间的列放在最后,因为如果中间的列放在中间,本身不浮动的话,会占据文档中的位置,导致右边的列不完全相等一起到左栏。HTML:
