英[???v??fl??]? ?美[?o?v?r?flo?]??
vt.& vi.溢出，淹沒(méi);擠滿，充滿;洋溢;資源過(guò)剩
#n.氾濫，溢出，溢出物;管;充溢，過(guò)多;超出額
vi.氾濫，溢出;充溢
adj.溢出的，滿出的
第三人稱單數(shù)： overflows 現(xiàn)在分詞： overflowing 過(guò)去式： overflowed 過(guò)去分詞： overflown
#####css overflow-x屬性 語(yǔ)法
作用：規(guī)定是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁切 - 如果溢出元素內(nèi)容區(qū)域的話。
語(yǔ)法：overflow-x: visible|hidden|scroll|auto|no-display|no-content;
#說(shuō)明：visible ? ?不裁剪內(nèi)容，可能會(huì)顯示在內(nèi)容框之外。 hidden ? ?裁切內(nèi)容 - 不提供滾動(dòng)機(jī)制。 scroll ? ?裁剪內(nèi)容 - 提供滾動(dòng)機(jī)制。 auto ? ?如果溢位框，則應(yīng)提供滾動(dòng)機(jī)制。 no-display ? ?如果內(nèi)容不適合內(nèi)容框，則刪除整個(gè)框。 no-content ? ?如果內(nèi)容不適合內(nèi)容框，則隱藏整個(gè)內(nèi)容。? ??
註解：使用?overflow-y?屬性來(lái)決定上/下緣的裁切。 overflow-x 屬性無(wú)法在 IE8 以及更早的瀏覽器正確地運(yùn)作。
css overflow-x屬性 範(fàn)例
<!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">
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。這是一個(gè)段落。
</p></div>
<p>Overflow-x 是否對(duì)內(nèi)容的左/右邊緣進(jìn)行裁剪。</p>
<p>Overflow-y 是否對(duì)內(nèi)容的上/下邊緣進(jìn)行裁剪。</p>
</body>
</html>執(zhí)行實(shí)例 ?
點(diǎn)擊 "執(zhí)行實(shí)例" 按鈕查看線上實(shí)例