首页前端开发HTML设置DIV最小高度以及高度自适应随着内容的变化而变化

设置DIV最小高度以及高度自适应随着内容的变化而变化

时间2024-01-24 03:44:37发布访客分类HTML浏览517
导读:收集整理的这篇文章主要介绍了设置DIV最小高度以及高度自适应随着内容的变化而变化,觉得挺不错的,现在分享给大家,也给大家做个参考。 在应用DIV布局时,有时会希望DIV的高度会随着内容的变化而变化,但是又想设置DIV的一个最小高度...
收集整理的这篇文章主要介绍了设置DIV最小高度以及高度自适应随着内容的变化而变化,觉得挺不错的,现在分享给大家,也给大家做个参考。 在应用DIV布局时,有时会希望DIV的高度会随着内容的变化而变化,但是又想设置DIV的一个最小高度,特别是当DIV有背景色或背景图片时最小高度的设置会使视觉效果更好。可以通过如下属性的设置达到效果:

复制代码代码如下:
htML XMlns="http://www.w3.org/1999/xhtml">
head>
meta http-equiv="Content-tyPE" content="text/html; charset=utf-8" />
tITle> 设置div最小高度及高度自动伸展的实例/title>
style>
.divHeight{ height:400px; height:auto; min-height:500px; width:800px; background:#bbeeeb; margin:0 auto; }
/style>
/head>
body>
div class="divHeight">
此div具有最小高度且高度可以随着内容的增高而自动伸展
/div>
/body>
/html>

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

最小高度

若转载请注明出处: 设置DIV最小高度以及高度自适应随着内容的变化而变化
本文地址: https://pptw.com/jishu/584980.html
限制div高度当内容多了溢出时显示滚动条 div+css垂直居中的五种实现方法

游客 回复需填写必要信息