CSS学习笔记

1.今天做了CSS有关的练习，三栏布局，一开始完全用position来定位，一下就做出来，完成后用float来布局，一开始还是挺多坑的，原谅我是小小白，三栏布局，双飞翼模式嘛，中间部分自适应宽度，一开始的时候直接按顺序left->center->right来设定，导致中间的部分跑到两边的下边了，所以如果中间部分的margin-left/right是正值的话，就按：左->右->中间的顺序定义，如果按：左->中->右顺序的话，中间margin-left的值就用负值，这样就可以保证三栏在同一水平了。

2.为了保证灰框里面的内容不溢出，对灰色框清除浮动：overflow：auto;

3.档浏览器宽度一不一致时，为了保持布局整洁，对中间部分设定最小宽度：min-width：大小值；这样即使浏览器缩小，右边的部分也不会覆盖掉中间的部分。

效果：