div布局有关问题

div布局问题
我在做一个小页面的时候,出现这样一个问题,嵌套div的外层并没有随里面的内容的增多而高度自动增长,比如说里面内容的高度增长到60,都是外层只增长到50,可是我定义高度是自动增长的height:auto！这是为什么？我所有定位都是relative

[解决办法]
<div style="height: auto;border: solid;border-color: red">

<div style="height: 200px;border: solid;"></div>

</div>


</div>


我这样可以啊，

把所有的层都加上边框，看看是那个层高度不行
[解决办法]

探讨

<div style="height: auto;border: solid;border-color: red">
<div style="height: 200px;border: solid;"></div>
</div>
我这样可以啊，把所有的层都加上边框，看看是哪个层高度不行

[解决办法]
内层是否应用了float
如是，外层也加上float

或外层改为
<div style="height:auto !important; height:1%; ">外层</div>

[解决办法]
外层+ overflow:hidden
[解决办法]
用相对定位虽然没有脱离标准流，但是它不会对父层和子层有什么影响

查看更多 下一篇