英 [ˌəʊvəˈfləʊ] 美 [ˌoʊvərˈfloʊ]
vt.& vi.溢出，淹没;挤满，充满;洋溢;资源过剩
n.泛滥，溢出物;溢流管;充溢，过多;超出额
vi.泛滥，溢出;充溢
adj.溢出的，满出的
第三人称单数： overflows 现在分词： overflowing 过去式： overflowed 过去分词： overflown
css overflow-x属性 语法
作用：规定是否对内容的左/右边缘进行裁剪 - 如果溢出元素内容区域的话。
语法：overflow-x: visible|hidden|scroll|auto|no-display|no-content;
说明：visible 不裁剪内容，可能会显示在内容框之外。hidden 裁剪内容 - 不提供滚动机制。scroll 裁剪内容 - 提供滚动机制。auto 如果溢出框，则应该提供滚动机制。no-display 如果内容不适合内容框，则删除整个框。no-content 如果内容不适合内容框，则隐藏整个内容。
注释：使用 overflow-y 属性来确定对上/下边缘的裁剪。overflow-x 属性无法在 IE8 以及更早的浏览器正确地工作。
css overflow-x属性 示例
<!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>运行实例 »
点击 "运行实例" 按钮查看在线实例