一般我们会这样写HTML代码:
<div>
<div style="float:left;">袁建龙测试</div>
</div>
这样往往使得父级DIV没有高度,一般我们可以通过以下几种方法使得父级DIV也有高度:
1、给父级DIV也加上float;
2、给父级DIV加上height;
3、给父元素加上overflow:hidden;属性
4、在子级DIV后面加上<div style="clear:both;"></div>
,即清除浮动。
或者添加一个span标签
<span class="clear"></span>
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0}
上面的方法中,可能第四种用的多一点