html div 高度怎么不自动增加？
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html div 高度怎么不自动增加？相关的知识，希望对你有一定的参考价值。
<div>
<div>
<h2>fsafslf</div>
</div>
</div>
刚打不了中文， 第一div 没设浮动，第二个设了。 h2没设。
背景设在第一div，结果h2里看不到背景
html>
<head>
<style>
#div1
height:auto;
widht:400px;
</style>
</head>
<body>
<div id='div1'>
<p>我只是一个测试的文字</p>
</div>
</body>
</html> 参考技术B <style type="text/css">
.contentbackground:#a5a5a5;height:auto!important; height:500px; min-height:500px;
</style>
<body>
<div class="content">24646146<br/>
24646146<br/>
24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>24646146<br/>
24646146<br/>
</div>
</body>
试着删减就可以看到高度变化
你那是没有结束标签
<h2 style="background-color:#06C;">fsafslf</h2> 参考技术C <div>
<div>
<h2>fsafslf</div>
</div>
<div style="clear:both;"></div>
</div>
在我标注的位置，方上
<div style="clear:both;"></div>
就可以了。你可以试试 参考技术D <div>
<div>
<h2>fsafslf</div>
</div>
</div>
有两种方法，所有div 都不设浮动。
第二种 最下面div 加一个 clear:both 样式会，含有该样式的标签。
还有一种就设置最外层高度，基本不用本回答被提问者采纳 第5个回答 2012-08-03 属性不对
以上是关于html div 高度怎么不自动增加？的主要内容，如果未能解决你的问题，请参考以下文章