CSS中的overflow屬性用來控制元素內(nèi)容超出其大小限制時如何顯示和處理。
當(dāng)元素內(nèi)容超出其大小限制時,overflow屬性的值可以有以下幾種設(shè)置方式:
1. visible:內(nèi)容不會被修剪,超出元素大小的部分會顯示在元素外面。這是默認(rèn)的屬性值。
2. hidden:超出元素大小的內(nèi)容部分被裁剪掉,不會被顯示出來。
3. scroll:在元素中添加滾動條,使超出元素大小的部分可以通過滾動來查看。
4. auto:自動添加滾動條,只有在元素內(nèi)容溢出時才會出現(xiàn)滾動條。
其中,當(dāng)設(shè)置為scroll和auto時,元素會自動添加滾動條,使得超出元素大小的部分可以通過滾動來查看。并且,當(dāng)內(nèi)容尺寸小于元素尺寸時,不會出現(xiàn)滾動條。
需要注意的是,overflow屬性只能對定義了寬度,高度或最大最小高度,最小最大寬度的塊級元素使用,而行內(nèi)元素和inline-block元素沒有效果。如果將overflow應(yīng)用于行內(nèi)元素或inline-block元素,它將被忽略。