课程
/前端开发
/HTML/CSS
/CSS深入理解之float浮动
不明白，图片左浮动后，不是脱离文档流了吗，那下面的文字应该占据图片的位置啊，结果怎么会是文字在图片的右边了呢？
2014-10-20
源自：CSS深入理解之float浮动 1-2
正在回答
这是因为浮动虽然脱离了文档流，但是，buter，文字碰到图片的边框时，文字就不会向里边写了，可是，关键的来了，这里段落其实还是覆盖到最左边的哦！你要是f12查看盒模型就知道了
你的test-box ： width: 600px已经设置了宽度
图片自成一行
你说的那是定位，脱离文档流
是不是因为照片左浮动，相邻的标签受到影响，结果就是下面的文字顶上去形成环绕效果
因为你写错了呗
举报
课程将会从感性的认识的角度讲解CSS float属性，浮动的前世今生
2 回答为什么实现第二种需要用div包裹着p才能实现
2 回答图片添加浮动直接变为块元素？
4 回答overflow hidden和clear both有什么区别？用法和作用有什么不同？
1 回答class="float-left"的位置问题
2 回答图片加浮动后，他后面的文字会实现环绕效果
