css overflow屬性控制元素內容溢出時的處理方式,分別有:1. visible:超出邊界顯示;2. hidden:隱藏溢出內容;3. scroll:添加滾動條;4. auto:根據需要添加滾動條(僅適用于固定寬高元素)。
CSS overflow屬性值
overflow屬性控制元素內容溢出容器時的處理方式。它的值有以下幾種:
1. visible
允許內容超出容器邊界。
2. hidden
溢出的內容被剪裁掉,不會在容器外顯示。
3. scroll
在容器內添加滾動條,允許用戶查看溢出的內容。
4. auto
默認為“visible”。如果內容溢出,瀏覽器會根據需要添加滾動條。
當overflow用于帶有固定寬高的元素時,其行為如下:
visible:內容超出容器邊界顯示。
hidden:溢出內容被剪裁掉。
scroll:顯示水平或垂直滾動條(取決于溢出方向)。
auto:僅當內容溢出時才顯示滾動條。
當overflow用于帶有動態寬高的元素時,其行為如下:
visible:內容超出容器邊界顯示。
hidden:溢出內容被剪裁掉。
scroll:不會顯示滾動條。
auto:不會顯示滾動條。