overflow

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

vt.& vi. Overflow, drown; crowd, fill; overflow; overflow of resources

n. Flood, overflow; overflow pipe; overflow, excess; overflow

vi. Flood, overflow; overflow

adj. Overflow, fullness

css overflow property syntax

Function:The overflow attribute specifies what happens when the content overflows the element box.

Description: This attribute defines how content that overflows the content area of ​​the element will be handled. If the value is scroll, the user agent provides a scrolling mechanism whether required or not. Therefore, it is possible that scrollbars will appear even if everything fits inside the element box.​

Note: All major browsers support the overflow attribute. The attribute value "inherit" is not supported in any version of Internet Explorer (including IE8).

css overflow property example

<html>
<head>
<style type="text/css">
div 
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll;
}
</style>
</head>
<body>
<p>如果元素中的内容超出了给定的宽度和高度属性,overflow 属性可以确定是否显示滚动条等行为。
</p>
<div>
这个属性定义溢出元素内容区的内容会如何处理。
如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。
因此,有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
</div>
</body>
</html>
Run instance »

Click the "Run instance" button to view the online instance