子元素浮动父元素高度为零的解决办法

当一个元素只包含浮动元素的时候，它会出现高度折叠，即元素的上下底边重合，和高度为0效果一样，为了解决这种情况，需要清除浮动。下面是具体的问题和方法。 

一、在最后一个浮动子元素后面添加一个标签div,并且设置style=”clear:both;”,如下：

二、利用伪元素:after,给ul清除浮动，如下：

三、为父元素添加overflow属性，一般情况下属性值设置为hidden,如下：