如何让外层div自动适应内层div的高度和宽度
3个回答
展开全部
内层div如果不设置宽度的情况下会与外层div宽度一致，因为div是块级元素，默认是父容器的100%。
外层div如果不设置高度的话会与内层div高度保持一致，因为它会根据内容的多少自适应高度。
想让外层div自动适应内层div的高度和宽度
1）高度不需要设置，它会自适应
2）宽度可以给外层div加浮动或定位，加了之后内容有多宽，它就有多宽。或者是通过js获取内层元素的宽高然后给外层div加上即可。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
用js获取内层宽度，然后赋值给外层即可。高度会自动自适应
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
清除浮动 在最后一个div 后面加上 这句话
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
--------------------------------------------------------------------------------------------------------------------
<body>
<div style="width:580px; height:auto; margin:0 auto; background-color:#333">
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
</div>
</body>
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
--------------------------------------------------------------------------------------------------------------------
<body>
<div style="width:580px; height:auto; margin:0 auto; background-color:#333">
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="height:100px; width:230px; float:left; background-color:#CCC; margin:20px"></div>
<div style="clear:both;height:1px;width:100%; overflow:hidden; margin-top:-1px;"></div>
</div>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
