同样是设置浮动,为什么div和img一个会遮挡一个不会

来源:2-7 使用浮动后产生的问题

夏帛

2019-03-20 11:21:04

上一个视频讲文字环绕图片,给图片添加float属性后文字环绕图片,没有覆盖

但对于多个div,给第一个div增加float属性后,下一个的div就会占据第一歌div的位置,然后被遮挡

这是为什么

写回答

1回答

Steve007

2019-03-20

同学,你好。对于多个div,当给第一个div设置浮动之后,第一个div就会脱离文档流,不占据位置,因此后面的div就会占据第一个div的位置,并被第一个div给遮挡,浮动只影响它后面的元素,并不影响它元素里面的内容,元素里面的内容还是在正常的文本流中,这里文字就属于元素里的内容,因此文字不受图片浮动的影响,环绕在图片周围。

祝学习愉快!

1

0 学习 · 40143 问题

查看课程