div怎么样自动适应div的大小

发布网友发布时间：2022-04-22 08:55

共3个回答

热心网友时间：2022-04-21 16:57

这个是float的一个bug，解决方法：
<div style="border-bottom:1px solid #E00;">
<div style="float:left;">
<img src="" height="60px"/>
</div>
<div>
(这里有很多行文字，height超过60px)
</div>
<div style="clear:both;"></div>
</div>

在最外层div标签结尾之前加一个空白的div 然后clear：both，就可以实现最外层div高度自适应了。这个没什么原因好解释的，就是个浏览器bug而已。

热心网友时间：2022-04-21 18:15

<div id="1" style="border-bottom:1px solid #EEE; overflow:hidden;">
<img src="images/1.jpg" height="60px" style="border:1x solid #dbdbdb;"/>
<div id="2">
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
<p>无标题文档</p>
</div>
</div>

热心网友时间：2022-04-21 19:50

最外层的高度你可以这样设：
min-height:60px; _height:60px;