您的位置 首页 > 数码极客

如何内容超出div出现滚动条

最简单的方法:

<div style="height:300px;width:100px;overflow:auto"><div/>(height和width根据需求设定)

注意:如果只写height就只有垂直滚动条,只写width就只有水平滚动条,都不写没有效果。还有这里overflow设置为auto,也就说是如果你的页面高度大于300px就会出现滚动条,小于300px就没有滚动条。同理,如果宽度大于100px出现滚动条,小于就没有。

你也可以将overflow设置为scroll,即:<div style="height:300px;width:100px;overflow:scroll"><div/>。这样设定的效果为

不管你的页面高度大于还是小于300px,都会出现滚动条,宽度同理。

也可以这样设置:

水平滚动条:<div style="width:100px;overflow-x:auto"></div>

垂直滚动条:<div style="height:300px;overflow-y:auto"></div>

水平加垂直:<div style="width:100px;height:300px;overflow-x:auto;overflow-y:auto"></div>

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“如何内容超出div出现滚动条”边界阅读