實例
裁剪 div 元素中內(nèi)容的上/下邊緣 - 如果溢出元素的內(nèi)容區(qū)域的話:
div
{
overflow-y:hidden;
}
親自試一試
瀏覽器支持
所有主流瀏覽器都支持 overflow-y 屬性。
注釋:overflow-y 屬性無法在 IE8 以及更早的瀏覽器正確地工作。
定義和用法
overflow-y 屬性規(guī)定是否對內(nèi)容的上/下邊緣進行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。
提示:使用 overflow-x 屬性來確定對左/右邊緣的裁剪。
默認值: |
visible |
繼承性: |
no |
版本: |
CSS3 |
JavaScript 語法: |
object.style.overflowY="scroll" |
語法
overflow-y: visible|hidden|scroll|auto|no-display|no-content;
值 |
描述 |
測試 |
visible |
不裁剪內(nèi)容,可能會顯示在內(nèi)容框之外。 |
測試
|
hidden |
裁剪內(nèi)容 - 不提供滾動機制。 |
測試
|
scroll |
裁剪內(nèi)容 - 提供滾動機制。 |
測試
|
auto |
如果溢出框,則應該提供滾動機制。 |
測試
|
no-display |
如果內(nèi)容不適合內(nèi)容框,則刪除整個框。 |
測試
|
no-content |
如果內(nèi)容不適合內(nèi)容框,則隱藏整個內(nèi)容。 |
測試
|
更多建議: