height自适应

如果子元素没有设置 float 属性啥的，父元素就是自动适应子元素宽高的。

子元素如果全是浮动属性(float)，那么父元素就没有高度。

除非，你在子元素最后加一个清除浮动( <div style="float:left"><div> )，

或者设置父元素的样式(style="overflow:hidden")

 

auto是随内容的高度而撑开的。

100%是根据父级元素的高度来决定的。
例如：<div style="height:100px;width:200px;">   

     　　<div style="height:auto;width:100px;float:left;">这个容器的高度是随里面的内容的高度而定</div>  

     　　<div style="height:100%;width:100px;float:right;">这个容器的高度为父级的高度，100px</div> 

     </div>

如若父级div中的div处于浮动状态。

浮动是会脱离文档流的，内部两个层就不会局限于父层。所以父层不知道内部的高度。但清理浮动，可以把他们“拉”回来。

 父DIV加上 zoom:1;overflow:hidden;

转载于:https://www.cnblogs.com/mo-cha/p/5787873.html