1挤渔、css布局高級
版心：版心是網(wǎng)站的核心區(qū)域窗市，一般居中顯示先慷。1024px時代，寬度為960px∽刹欤現(xiàn)在1000px或者1200px论熙。
1.1只浮動左邊的盒子，記得邊框border也需要算入預留空間內(nèi)摄狱。
1.2全浮動
margin：0 auto 10px auto脓诡；上0下10左右居中。
overfolw：hidden媒役；高度不塌陷
clear：both祝谚；清除左右的浮動，當兩邊元素都不存在浮動元素是才把元素放在標準流當中酣衷。
2交惯、清除浮動：
第一種：使用隔墻法，設置一個class="clearboth",設他的css樣式為clear:both;
第二種：使用overflow屬性清除浮動
方法三：使用after偽對象清除浮動
方法四：使用before after偽對象清除浮動
方法234配合，則成為clearfix
3商玫、clearfix（重點）
原理：大盒子中所有的盒子都浮動箕憾，大盒子外面的上下左右都要清除浮動。
.clearfix{
display:table;/*觸發(fā)bfc拳昌，div具有包裹性*/
}
.clearfix:before, .clearfix:after{
content:"";
display:block;
clear:both;
height:0;
}
使用場合：父盒子要把所有子盒子包裹住袭异，父盒子要包裹整行的div元素，需要前后清理浮動炬藤。
