首页 > 其他 > 详细

float 浮动 文档流和文字流区别

时间:2018-08-01 12:38:36      阅读:266      评论:0      收藏:0      [点我收藏+]

源自:2-2 浮动的基础知识

关于float属性的脱离文档流的问题

看完视频后,教材里说的使用float浮动后,元素虽然会脱离文档流,但还处在文本流的位置当中,所以就不会出现重叠的效果吗?

下面我自己试了一下,给两个DIV分别设置了样式,而只给第一个DIV设置了float浮动属性,然而效果显示,第一个DIV覆盖了第二个DIV,出现了重叠效果,请问这是什么原理?

技术分享图片

技术分享图片

提问者:小小之植物06-01

1个回答

技术分享图片

妮可妮可妮_

06-01

已采纳

脱离文档流:也就是将元素从普通的布局排版中拿走,其他盒子在定位的时候,会当做脱离文档流的元素不存在而进行定位。

float只是脱离了文档流的dom空间但是还占据着文字空间.使用float脱离文档流时,其他盒子会无视这个元素,但其他盒子内的文本依然会为这个元素让出位置

21

float 浮动 文档流和文字流区别

原文:https://www.cnblogs.com/JankinLiu/p/9400363.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!