HTML+CSS： 让父类div高度自适应子类div的高度

父类div高度适应子类div 
通常有许多div的高度由子类的高度决定父类的高度，所以需要父类div要适应子类div的高度，一般情况父类的高度可以直接设置成“auto”即可。

在有的情况下，子类div会撑破父类div. 

所以需要走一些调整。通常有3种方法对高度进行调整：

方法一：直接设置父类高度（不过通常不适用） 

 
方法二：清除浮动属性 

 

在此处需要注意的是：还有一种方式不加Div清除浮动属性，而是用伪元素使用：参考示例:

.logo::after{
      content: "";
      display: block;
      clear: both;

 这样不破坏原有的Html布局

 

方法三： 

转自：http://www.cnblogs.com/gwcyulong/p/6201966.html