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