overflow

[TOC]
想要出現滾動條有兩個條件:固定的容器大小(固定寬度、固定高度、固定寬高度)和設置overflow屬性。瀏覽器

overflow

這個屬性定義溢出元素內容區的內容會如何處理代理

屬性值

  • visibale:默認值。內容不會被修剪,會呈如今元素框以外。
  • hidden:內容會被修剪,而且其他內容是不可見的。
  • scroll:內容會被修剪,可是瀏覽器會顯示滾動條以便查看其他的內容。
  • auto:若是內容被修剪,則瀏覽器會顯示滾動條以便查看其他的內容。
  • inherit:規定應該從父元素繼承 overflow 屬性的值。

若是值爲 scroll,不管是否須要,用戶代理都會提供一種滾動機制。所以,有可能即便元素框中能夠放下全部內容也會出現滾動條。(這個狀況在安卓手機上面能夠見到但並不常見,IOS目前沒有發現這個問題)。code

佔用文章,未完待續繼承

相關文章
相關標籤/搜索