英[ˌəʊvəˈfləʊ]   美[ˌoʊvərˈfloʊ]  

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

#n.氾濫,溢出,溢出物;管;充溢,過多;超出額

vi.氾濫,溢出;充溢

adj.溢出的,滿出的

第三人稱單數: overflows 現在分詞: overflowing 過去式: overflowed 過去分詞: overflown

#####

css overflow-y屬性 語法

作用:規定是否對內容的上/下邊緣進行裁切 - 如果溢出元素內容區域的話。

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

#說明:visible    不裁剪內容,可能會顯示在內容框之外。 hidden    裁切內容 - 不提供滾動機制。 scroll    裁剪內容 - 提供滾動機制。 auto    如果溢位框,則應提供滾動機制。 no-display    如果內容不適合內容框,則刪除整個框。 no-content    如果內容不適合內容框,則隱藏整個內容。    

註解:使用 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 是否对内容的左/右边缘进行裁剪。</p>
<p>Overflow-y 是否对内容的上/下边缘进行裁剪。</p>

</body>
</html>

執行實例 »

點擊 "執行實例" 按鈕查看線上實例