前端Day13

overflow屬性的應用

??????? 當盒子內的元素超出盒子自身的大小時,內容就會溢出(IE6除外),這時如果想要規范溢出內容的顯示方式,就需要使用CSS的overflow屬性。

1.在默認值visible的情況下:不隱藏

2.屬性值為hidden:超過容器大小則隱藏超過的部分

3.屬性值為auto:有一個滾動條,若文本小于容器的大小,則不會顯示滾動條

4.屬性值為scroll:有兩個滾動條,若文本小于容器大小,也仍會顯示兩個滾動條

頁面布局


??????? 版心的概念:“版心”是指網頁中主體內容所在的區域。一般在瀏覽器窗口中水平居中顯示,常見的寬度值為960px、980px、1000px、1200px等。???


清除浮動

清除浮動,就是讓當前元素左右兩邊都不存在浮動元素的時候才把元素放到標準流匯中顯示。


常用的幾種清除浮動的方法:

第一種:隔墻法

在需要設置浮動的元素下面增加一個div,然后讓這個div設置清除左右浮動。

第二種:綜合的clearfix的方法

使用overflow進行包裹所有的浮動子元素。有誤傷。

Ckearfix的使用場景:

1、父盒子要把所有的子盒子包裹住。

2、父盒子是包裹正行的div元素,需要前后進行清除浮動。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,814評論 1 92
  • display: none; 與 visibility: hidden; 的區別 聯系:它們都能讓元素不可見 區別...
    紋小艾閱讀 1,690評論 0 1
  • 前端面試集錦(轉載) 轉載地址:前端開發面試題 以下皆為轉載 前端開發知識點: 作為一名前端工程師,無論工作年頭長...
    cuikangjie閱讀 465評論 0 2
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 1,880評論 0 6
  • 秋風吹雨催人冷,落入軒窗。無限思量,偏教書中字字藏。 思君不似當年小,暗損愁腸。卻也彷徨,看遍秋詞兀自傷。
    莫愁Jessie閱讀 366評論 2 9