定义和用法

overflow 属性设置当内容溢出元素框时如何显示溢出的内容。

overflow还有清除浮动的效果,类似 clear 的效果。

语法

overflow: hidden;
语言语法
Javascriptobject.style.overflow="scroll";
Jquery$('选择器').css('overflow','scroll');

可使用的值

描述
visible 默认值。如果溢出,内容会显示在元素框之外。
hidden 内容溢出,则溢出的内容隐藏。
scroll 内容溢出,但是浏览器会显示滚动条以便查看其余的内容。
auto 如果溢出,则浏览器会显示滚动条以便查看其余的内容。

例子

div.show-exmaple
{
  width:150px;
  height:30px;
  overflow:scroll;// 溢出时显示滚动条,必须设定有宽度或高度才生效
}

效果:

php
javascript
jquery
linux