hellow world跑到上面去了。。。。
解决方案:
1、设定父元素高度height
2、最后一个浮动元素后加<div class=''clear''></div>
标签
并添加样式 .clear{ clear:both;}
3、最佳方案:伪元素清除浮动
<body>
<div class="parent clear">
<div class="child"></div>
<div class="child"></div>
<div class="child"></div>
</div>
<h1>helloworld</h1>
</body>
添加样式:
.clear:after{
content:"";
dispaly:block;
clear:both;
}