1.今天做了CSS有关的练习,三栏布局,一开始完全用position来定位,一下就做出来,完成后用float来布局,一开始还是挺多坑的,原谅我是小小白,三栏布局,双飞翼模式嘛,中间部分自适应宽度,一开始的时候直接按顺序left->center->right来设定,导致中间的部分跑到两边的下边了,所以如果中间部分的margin-left/right是正值的话,就按:左->右->中间的顺序定义,如果按:左->中->右顺序的话,中间margin-left的值就用负值,这样就可以保证三栏在同一水平了。
2.为了保证灰框里面的内容不溢出,对灰色框清除浮动:overflow:auto;
3.档浏览器宽度一不一致时,为了保持布局整洁,对中间部分设定最小宽度:min-width:大小值;这样即使浏览器缩小,右边的部分也不会覆盖掉中间的部分。
效果: