Closed towry closed 4 months ago
The doc: https://www.w3.org/TR/CSS22/visuren.html#floats
The element generates a block box that is floated to the left. Content flows on the right side of the box, starting at the top (subject to the 'clear' property).
如果一个盒子的 float 属性值是 left，那么这个盒子会靠左浮动，然后它周边的内容会沿着这个盒子的右边浮动。
例子：
我们可以看到盒子周边的内容沿着盒子的右边浮动。如果要禁止文字对盒子进行围绕，可以给文字包含元素加上 overflow: hidden 的样式。
overflow: hidden
The doc: https://www.w3.org/TR/CSS22/visuren.html#floats
left
如果一个盒子的 float 属性值是 left，那么这个盒子会靠左浮动，然后它周边的内容会沿着这个盒子的右边浮动。
例子：
我们可以看到盒子周边的内容沿着盒子的右边浮动。如果要禁止文字对盒子进行围绕，可以给文字包含元素加上
overflow: hidden的样式。