                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /企业网站综合布局实战

Div里加内容后文本怎么跑到边边去了？

我在Div里顺便设置了box3 text,box1 2 浮动 box3 不浮动的情况下，为什么box3的文件会出现在这个位置呢？按理不应该是出现在底层或者和box1的内容重叠？

05:35

秋名山的豆腐

2017-05-05

源自：企业网站综合布局实战 2-4

关注问题我要回答

1129

操作

收起

1 回答

Z克森回答被采纳 +3 积分
2017-05-06

百度复制：

一个元素设置了浮动样式后，会影响它的兄弟元素，至于如何影响，要看它的兄弟元素是块级元素还是内联元素。如果兄弟元素是块级元素，会无视这个浮动元素，即兄弟元素和浮动元素共处同行，浮动元素会覆盖兄弟元素。除非这些 div 设置了宽度，并且父元素的宽度不足以包含它们，这样兄弟元素才会被强制换行；如果兄弟元素是内联元素，则会尽可能围绕浮动元素。

个人理解：

三个同级div，box1、box2、浮动后box1，2脱离标准文档流不再占用空间，块级元素box3无视box1，2导致12覆盖box3，但box3中的文本内容属于内联元素，所以围绕非标准文档流元素显示