日期:2014-05-17  浏览次数:20604 次

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
------解决方案--------------------
用相对定位虽然没有脱离标准流,但是它不会对父层和子层有什么影响