首页前端开发HTML限制div高度当内容多了溢出时显示滚动条

限制div高度当内容多了溢出时显示滚动条

时间2024-01-24 03:43:16发布访客分类HTML浏览205
导读:收集整理的这篇文章主要介绍了限制div高度当内容多了溢出时显示滚动条,觉得挺不错的,现在分享给大家,也给大家做个参考。 复制代码代码如下: <!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1...
收集整理的这篇文章主要介绍了限制div高度当内容多了溢出时显示滚动条,觉得挺不错的,现在分享给大家,也给大家做个参考。
复制代码代码如下:
!DOCTYPE htML PubLIC "-//W3C//DTD XHTML 1.0TransITional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
htmlxmlnshtmlXMlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-Type"content="text/html; charset=utf-8" />
title> 限制div高度,内容多了显示滚动条/title>
style type="text/css">
div{ border-radius:5px; border:1px solidred; padding:10px; }
#test{ min-height:250px; overflow-y:auto; max-height:300px; }
/style>
/head>
body>
div>
div id="test">
table>
tr> td> 1/td> /tr> tr> td> 2/td> /tr>
tr> td> 3/td> /tr> tr> td> 4/td> /tr>
tr> td> 5/td> /tr> tr> td> 6/td> /tr>
tr> td> 7/td> /tr> tr> td> 8/td> /tr>
tr> td> 9/td> /tr> tr> td> 10/td> /tr>
tr> td> 5/td> /tr> tr> td> 6/td> /tr>
tr> td> 7/td> /tr> tr> td> 8/td> /tr>
tr> td> 9/td> /tr> tr> td> 10/td> /tr>
/table>
/div>
/div>
/body>
/html>

@H_126_41@

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

高度

若转载请注明出处: 限制div高度当内容多了溢出时显示滚动条
本文地址: https://pptw.com/jishu/584979.html
div里的图片距离div下边框多3个像素的解决方法 设置DIV最小高度以及高度自适应随着内容的变化而变化

游客 回复需填写必要信息