div超出部分出现滚动条
栏目：代码 更新：2023-08-19 6人看过
内容超过div的高度或宽度时，经常使用的属性是隐藏超出部分，使用overflow:hidden。
如果超过高度或宽度时不隐藏而是出现可以滑动的滚动条，可使用下面代码。
效果图：
完整代码：
如果超过高度或宽度时不隐藏而是出现可以滑动的滚动条，可使用下面代码。
效果图：
完整代码：
<style>
#box{
height:200px;
width:300px;
background:#ddd;
padding:20px;
margin:100px;
overflow-x: scroll;/*内容超过div宽度时出现水平滚动条*/
overflow-y: scroll;/*内容超过div高度时出现垂直滚动条*/
}
</style>
<div id="box">
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
这是内容<br/>
</div>附件下载 [ 下载次数：999 ]
收藏、推荐 Functions
我要收藏
文章《div超出部分出现滚动条》的地址：https://www.kuxiami.com/daima/3ea6d057134b2f623b3a139f677fcf11.html
代码阅读榜
JQ弹出层提示框悬浮窗html弹出层
一个相对简单的弹出层，使用了JQ框架，适合新手。
代码最新文章