英 [???v??fl??]? ?美 [?o?v?r?flo?]??

vt.& vi.溢出，淹沒;擠滿，充滿;洋溢;資源過剩

n.泛濫，溢出物;溢流管;充溢，過多;超出額

vi.泛濫，溢出;充溢

adj.溢出的，滿出的

第三人稱單數(shù)： overflows 現(xiàn)在分詞： overflowing 過去式： overflowed 過去分詞： overflown

css overflow-y屬性 語法

作用：規(guī)定是否對內(nèi)容的上/下邊緣進(jìn)行裁剪 - 如果溢出元素內(nèi)容區(qū)域的話。

語法：overflow-y: visible|hidden|scroll|auto|no-display|no-content;

說明：visible ? ?不裁剪內(nèi)容，可能會顯示在內(nèi)容框之外。hidden ? ?裁剪內(nèi)容 - 不提供滾動機(jī)制。scroll ? ?裁剪內(nèi)容 - 提供滾動機(jī)制。auto ? ?如果溢出框，則應(yīng)該提供滾動機(jī)制。no-display ? ?如果內(nèi)容不適合內(nèi)容框，則刪除整個框。no-content ? ?如果內(nèi)容不適合內(nèi)容框，則隱藏整個內(nèi)容。? ??

注釋：使用?overflow-x?屬性來確定對左/右邊緣的裁剪。overflow-y 屬性無法在 IE8 以及更早的瀏覽器正確地工作。

css overflow-y屬性 示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
width:110px;
height:110px;
border:thin solid black;
overflow-x:hidden;
overflow-y:hidden;
}
</style>
</head>
<body>

<div><p style="width:140px">
這是一個段落。這是一個段落。這是一個段落。這是一個段落。
這是一個段落。這是一個段落。這是一個段落。這是一個段落。
這是一個段落。這是一個段落。這是一個段落。這是一個段落。
這是一個段落。這是一個段落。這是一個段落。這是一個段落。
這是一個段落。這是一個段落。這是一個段落。這是一個段落。
</p></div>

<p>Overflow-x 是否對內(nèi)容的左/右邊緣進(jìn)行裁剪。</p>
<p>Overflow-y 是否對內(nèi)容的上/下邊緣進(jìn)行裁剪。</p>

</body>
</html>

運行實例 ?

點擊 "運行實例" 按鈕查看在線實例