js固定DIV高度,超出部分自动添加滚动条-自学php网

来源：自学PHP网时间：2014-09-19 14:47 作者：阅读:次

[导读] 我们会看到很多网站都会有一种效果，如果内容没超过div高度就是直接显示了，如果比较长就会有一个滚动条效果了，下面我来给大家介绍这种实现方法...

js实现方法

代码如下	复制代码
function setheight() { var div=document.getElementById("event_basicInfo"); //div.style.width="40%"; div.style.height=400; div.style.overflow="auto"; } window.onload=setheight;

css实现方法

Overflow内容溢出时的设置

overflow 水平及垂直方向内容溢出时的设置
overflow-x 水平方向内容溢出时的设置
overflow-y 垂直方向内容溢出时的设置

以上三个属性设置的值为visible、scroll、hidden、auto

自动显示滚动条

代码如下

复制代码

<div

style="height:100px;width:100px;overflow:auto;">test</div>

更多文章推荐