我在Div里顺便设置了box3 text,box1 2 浮动 box3 不浮动的情况下,为什么box3的文件会出现在这个位置呢?按理不应该是出现在底层或者和box1的内容重叠?
百度复制:
一个元素设置了浮动样式后,会影响它的兄弟元素,至于如何影响,要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素,会无视这个浮动元素,即兄弟元素和浮动元素共处同行,浮动元素会覆盖兄弟元素。除非这些 div 设置了宽度,并且父元素的宽度不足以包含它们,这样兄弟元素才会被强制换行;如果兄弟元素是内联元素,则会尽可能围绕浮动元素。
个人理解:
三个同级div,box1、box2、浮动后box1,2脱离标准文档流不再占用空间,块级元素box3无视box1,2导致12覆盖box3,但box3中的文本内容属于内联元素,所以围绕非标准文档流元素显示