overflow属性的功能是:规定如何处理如何处理不符合元素框的内容。也就是说,一个容器,比如是div对象,里面的文字太多,而该div又设置了高度和宽度,当容器和容器内的对象属性发生冲突的时候,应该遵循什么样的显示原则。
语法如下:
Object.style.overflow=visible|hidden|scroll|auto
参数介绍:
visible 内容不会被修剪,会呈现在元素框之外。
hidden 内容会被修剪,但是浏览器不会显示供查看内容的滚动条。
scroll 内容会被修剪,但是浏览器会显示滚动条以便查看其余的内容。
auto 由浏览器决定如何显示。如果需要,则显示滚动条。
overflow所有主流浏览器都支持 overflow 属性。
示例如下:
<style type="text/css">
div
{
background-color:#00FFFF;
width:150px;
height:150px;
overflow: scroll
}
</style>