Css+Div佈局學習(五)—overflow

overflow屬性定義了當子元素超越了包含它的元素時,子元素的顯示方式。如果內容太多,overflow屬性說明內容是否顯示以及如何顯示。

overflow屬性有4個可能值:

  • visible:內容未被剪切,顯示在元素外;
  • hidden:內容被剪切,但是瀏覽器不顯示滾動條,無法看到剩餘的內容;
  • scroll:即使有足夠空間顯示全部內容,瀏覽器也顯示滾動條;
  • auto:如果內容太多,瀏覽器將顯示滾動條以查看剩餘內容;

下面我們就看看每個值會產生的效果:

overflow:auto; overflow:hidden; overflow:visible; overflow:scroll;
所有的框模型一開始都是按文檔中正常的元素流定位,而定位position屬性允許我們改變這些自然的位置。
所有的框模型一開始都是按文檔中正常的元素流定位,而定位position屬性允許我們改變這些自然的位置。
所有的框模型一開始都是按文檔中正常的元素流定位,而定位position屬性允許我們改變這些自然的位置。
所有的框模型按文檔中正常的元素流定位。

 

關於佈局的內容基本上就這些了吧,還有一些高級的特性就需要大家自己學習積累、使用纔是王道!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章