页面如何自动出现滚动条(overflow属性用法)

1、今天在调试程序时犯了一个低级错误,就是有关页面内容出现滚动条的用法：

(1)刚开始在Body用了Overflow：hidden这个属性溢出元素时，隐藏，这种情况下是不会自动出现滚动条的

（2）然后加了overflow：scroll;该属性虽然也显示滚动条，但是该滚动条只有元素溢出时滚动条才会滚动

（3）而当元素的高度小于滚动条的高度时，滚动条只有一道边不滚动，这种滚动不好。

（4）还有一种方法就是直接设成overflow:auto; 用这种方法只有当内容溢出时，才会出现滚动条。

法1：Overflow:Hidden；Overflow-y:scroll; 这种方法需要设高度，不建议采用这种方法,该属性虽然也显示滚动条，但是该滚动条只有元素溢出时滚动条才会滚动,而当元素的高度小于滚动条的高度时，滚动条只有一道边不滚动，这种滚动不好。

法2：overflow:auto;

需要注意的是：法2不用设高度，当内容溢出时，会自动出现滚动条；