div 显示滚动条

overflow-x:auto    显示横向滚动条

overflow-y:hidden 隐藏纵向滚动条

引用此class,只显示横向的滚动条

 .max{ margin:auto; overflow-x:auto; overflow-y:hidden}

 div给宽不给高。如果宽度超过730px,就会出现横向滚动条,纵向不设限。(其中使用overflow:auto为横向纵向都显示)

<div class="max" style="width: 730px;">
内容
</div>

如果值是overflow:scroll,则无论内容是否溢出,都会显示滚动条。

如果内容无溢出,显示:

如果内容溢出,显示:

posted @ 2016-07-09 17:46    阅读(490)  评论(0编辑  收藏  举报