最近更新
阅读排行
关注本站

如何设置DIV的滚动条

阅读:12074 次   编辑日期:2014-04-03

目录:

概述:

最近新闻不是马航就是文章,最近工作也忙好久没更新,今天咱们说说如何设置DIV的滚动条,可以在一个固定的区域内使用滚动条。

如何设置能带滚动条的DIV:

	//CSS:
    .outer{width:500px;height:500px;overflow-x:auto;overflow-y:hidden;}
    //HTML:
    <div class="outer">
    </div>
overflow-x:auto;设置出现横向滚动条; overflow-y:hidden;设置纵向不滚动;

内容过多DIV如何滚动:

话说如果里面只有一个DOM结构滚动自然不成问题,但是如果有多个DOM结构并排怎么办?
解决办法也很简单,把这些DOM结构外面再套一个DIV,给这个DIV设置一个宽度。
	//CSS:
    .outer{width:500px;height:500px;overflow-x:auto;overflow-y:hidden;}
    //HTML:
    <div class="outer">
       <div style="width:1000px;"></div>
    </div>
将本篇文章分享到:
top