问答详情
源自:2-4 浮动 float

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

http://img.mukewang.com/590c513c00012ddf05110510.jpg

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

提问者:秋名山的豆腐 2017-05-05 18:20

个回答

  • Z克森
    2017-05-06 11:23:52
    已采纳

    百度复制:

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

    个人理解:

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