最近看了圣杯布局的文章:
- 首先把left、middle、right (左中右三块DIV)都放出来,给它们三个设置上float: left, 脱离文档流。
- 一定记得给container设置上overflow: hidden; 可以形成BFC撑开文档。
- left、right 设置上各自的宽度。
- middle 设置
width: 100%
。 - 给 left、middle、right 设置
position: relative;
,设置相对布局后,假如产生偏移,它原本所占的空间仍保留。 - left 设置
left: -leftWidth
, right设置right: -rightWidth;
- container设置
padding: 0
, rightWidth, 0, leftWidth;
想不明白为什么left,right设置了相对布局和left/right就能实现圣杯布局的效果,