HTNL5浮动问题

HTNL5浮动问题

浮动是HTML5中十分重要一个布局式样，但是也是非常容易出错的地方之一，由于元素浮动后，原来的位置会被后面的元素所占据，所以在父类中清除浮动十分必要。

<div class="right">

<span>图片</span>

<p>图片</p>

</div>

上面的代码中当span标签和p标签用到float（浮动）时，如果不清除浮动，会对后面

的元素造成影响。 文字环绕图片时，图片必须在文字中间的代码插入，

否则将不会产生环绕的效果，如下图。

只有图片的插入代码在文字中间时，再加上文字的浮动，才会实现文字环绕图片的效果

所以当出现文字不能环绕图片时，首先应该想到是不是代码插入的位置，如果代码位置正确，再看看文字有没浮动。