对css浮动的基本理解——文字绕排、创建分栏、脱离文档流及解决办法

一、对浮动的三个基本理解——文字绕排、创建分栏、脱离父级块 浮动元素的使命就是尽可能的向左上或者右上迁移。最初创建浮动float属性的主要目的就是实现文字绕排图片的效果，当然浮动float也成了多栏布局的最佳方式。但是，添加过浮动float属性后的元素已经脱离了文档流，它对文档的布局可能会产生破坏性。 1. 文本绕排图片 <img …… /> <p>…the paragraph text…</p>

>>阅读原文<<