overflow屬性的應用
??????? 當盒子內的元素超出盒子自身的大小時,內容就會溢出(IE6除外),這時如果想要規范溢出內容的顯示方式,就需要使用CSS的overflow屬性。
1.在默認值visible的情況下:不隱藏
2.屬性值為hidden:超過容器大小則隱藏超過的部分
3.屬性值為auto:有一個滾動條,若文本小于容器的大小,則不會顯示滾動條
4.屬性值為scroll:有兩個滾動條,若文本小于容器大小,也仍會顯示兩個滾動條
頁面布局
??????? 版心的概念:“版心”是指網頁中主體內容所在的區域。一般在瀏覽器窗口中水平居中顯示,常見的寬度值為960px、980px、1000px、1200px等。???
清除浮動
清除浮動,就是讓當前元素左右兩邊都不存在浮動元素的時候才把元素放到標準流匯中顯示。
常用的幾種清除浮動的方法:
第一種:隔墻法
在需要設置浮動的元素下面增加一個div,然后讓這個div設置清除左右浮動。
第二種:綜合的clearfix的方法
使用overflow進行包裹所有的浮動子元素。有誤傷。
Ckearfix的使用場景:
1、父盒子要把所有的子盒子包裹住。
2、父盒子是包裹正行的div元素,需要前后進行清除浮動。