圣杯布局和双飞翼布局

1.淘宝，飞翼布局

如图1：

图2：

图3：

圣杯布局，实现：

定义三个盒子，左右两侧不变，宽度固定，中间自适应。中间的盒子100%宽

第一步，先定义中间盒子：

第二步：

第三步：

第四步：

给大盒子加padding值

第五步：

body{

min-width:700px;

}

双飞翼布局:

第一步：

 

第二步，实现自适应，但字体压住了

第三步：

.inner{

margin: 0 250px 0 200px;

word-break:break-all;

}