浮动能实现文字环绕图片，我感觉这比较奇怪，文字为啥不会跑到图片里面呢？
浮动能实现文字环绕图片，我感觉这比较奇怪，文字为啥不会跑到图片里面呢？
浮动能实现文字环绕图片，我感觉这比较奇怪，文字为啥不会跑到图片里面呢？
https://www.cnblogs.com/zm-2010/p/5656063.html
“浮动的破坏性在于切断line box链，致使高度塌陷，但由于浮动元素仍在DOM tree中，实体是看得见摸得着的，所以其占据的实体位置还是在的。”
因此得出的结论就是(引用下面回复者的)：
“脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离文档流时，其他盒子会无视这个元素，但其他盒子内的文本依然会为这个元素让出位置，环绕在周围。而对于使用absolute positioning脱离文档流的元素，其他盒子与其他盒子内的文本都会无视它。”
因为html的布局是一个三维的堆叠效果，而我们是以二维平面来观看。
如果像将文字写到图片上，那就不是布局问题了，而是使用画笔工具对图片进行处理
浮动元素自身的高度低于相邻元素的文本的高度，可以通过属性overflow来控制。
应该也有其他方法可以做到，建议可以看下相关网页的源代码。