overflow,overflow-x,overflow-y 用法


overflow 水平方向,垂直方向都會設置

visible 默認值。內容不會被修剪,會呈現在元素框之外。

hidden 內容會被修剪,並且其余內容是不可見的。

1 內容的可視區域,除了規定的width,height,之外,還有padding,區域都是可視區域
2 所以加上這個屬性,如果區域中的內容超過規定的width,height, padding之外的都會被隱藏

scroll 內容會被修剪,但是瀏覽器會顯示滾動條以便查看其余的內容。

1 無論內容有沒有超過規定的區域 都會加上滾動條
2 在可視區域內加上滾動條和滾動軸
3 滾動軸相當於要顯示內容的長度+padding的長度,滾動條相當於可視區域的長度(可視區域是規定的長度+padding的長度)
4

auto 如果內容被修剪,則瀏覽器會顯示滾動條以便查看其余的內容。

1 只有內容超過規定區域才會加上滾動條,沒有超過就會去掉

inherit 規定應該從父元素繼承 overflow 屬性的值。

overflow-x 只會設置水平方向 屬性值都跟overflow一樣

overflow-y 只會設置垂直方向 屬性值都跟overflow一樣


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM