设置DIV最小高度以及高度自适应随着内容的变化而变化
发布时间：2014-09-03 10:12:13 作者：佚名 
我要评论
我要评论希望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>
复制代码
代码如下:<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>
相关文章
- 这篇文章主要为大家介绍了通过DIV CSS实例CSS自适应宽度布局方法，再过常见用处介绍充分掌握自适应独占一行一列的布局技巧，需要的朋友可以参考下2014-10-09
CSS min-height IE6、IE7、FF下DIV自适应高度
IE6、IE7、FF下DIV自适应高度2010-05-13- 最近做了个项目，其中有项目需求是需要div根据内容进行宽度自适应。下面小编给大家分享一段代码关于CSS 实现div宽度根据内容自适应 的相关知识，需要的朋友参考下2016-01-28
最新评论