英[???v??fl??]? ?美[?o?v?r?flo?]??
vt.& vi.溢出,淹沒;擠滿,充滿;洋溢;資源過剩
#n.氾濫,溢出,溢出物;管;充溢,過多;超出額
vi.氾濫,溢出;充溢
adj.溢出的,滿出的
第三人稱單數(shù): overflows 現(xiàn)在分詞: overflowing 過去式: overflowed 過去分詞: overflown
#####css overflow-y屬性 語法
作用:規(guī)定是否對內(nèi)容的上/下邊緣進行裁切 - 如果溢出元素內(nèi)容區(qū)域的話。
語法: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)容。? ??
註解:使用?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)容的左/右邊緣進行裁剪。</p> <p>Overflow-y 是否對內(nèi)容的上/下邊緣進行裁剪。</p> </body> </html>
執(zhí)行實例 ?
點擊 "執(zhí)行實例" 按鈕查看線上實例