说明:overflow属性规定当内容溢出元素框时发生的事情。
注释:属性定义溢出元素内容区的内容会如何处理。如果值为 scroll,不论是否需要,用户代理都会提供一种滚动机制。因此,有可能即使元素框中可以放下所有内容也会出现滚动条。默认值是 visible。
可用的值:
visible:默认值。内容不会被修剪,会呈现在元素框之外。
hidden:内容会被修剪,并且其余内容是不可见的。
scroll:内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto:如果内容被修剪,则浏览器会显示滚动条以便查看其余的内容。
inherit:规定应该从父元素继承 overflow 属性的值。
实例:
<html> <head> <style type="text/css"> div { background-color:#00FFFF; width:100px; height:100px; overflow: scroll } </style> </head> <body> <div> 哈哈!吼吼!哈哈!吼吼!哈哈!吼吼!哈哈!吼吼!哈哈!吼吼! </div> </body> </html>
详细:http://www.w3school.com.cn/cssref/pr_pos_overflow.asp
时间: 2024-10-11 23:09:41