为了账号安全,请及时绑定邮箱和手机立即绑定

为什么float可以让元素脱离标准文档流?

http://img1.sycdn.imooc.com//57d6675b0001a6f409000463.jpg课件里面写的设置了float属性的元素不是还处于标准文档流之中吗?可是为什么答案是float和绝对定位呢?不应该是fixed和决对定位才脱离标准文档流吗?

正在回答

6 回答

浮动元素是属于半脱离文档流,元素如果设置了浮动,它是会脱离文档流的,例如有两个div元素,第一个div

元素设置了浮动效果,第二个没有设置,那么第一个元素将会覆盖掉第二个元素,但是如果第二个元素里面

有文字内容 ,其实它确实盖住了元素,但是元素里面的文字却会自动围绕,这是它的字围现象,特殊的地方,

这时,网页上面有一些简介图片加文字就可以通过它实现


0 回复 有任何疑惑可以回复我~

sdffsdadsdfghjklkjhgfsadfghj

0 回复 有任何疑惑可以回复我~

那啥,我觉得float记为半脱离就好了,因为float确实会导致文本环绕效果,但是使用两个div实验,浮动的会覆盖在另一个上。我也搞不懂,但感觉这样理解,好受些。

0 回复 有任何疑惑可以回复我~

文字会围绕float的元素,所以float的元素在文档流还是占有一定位置

文字被absolute的元素遮挡了,说明absolute的元素已经完全脱离文档流,文字可以无视它的存在。


0 回复 有任何疑惑可以回复我~

float本身是不可以让文本脱离文档流的,但是加上position:absolute;就可以了。

0 回复 有任何疑惑可以回复我~

单独使用float时,即便是被设置了浮动,元素仍然在标准文档流中, 但是由于设置了绝对定位,使得元素脱离了文档流,所以说是两者的结合才可以使元素脱离文档流,起作用的是绝对定位,而不是float哦;另外,fixed固定定位,设置了以后元素是不会脱离文档流的

1 回复 有任何疑惑可以回复我~
#1

朵朵熙熙丶

不对不对吧逗比不
2016-09-14 回复 有任何疑惑可以回复我~
#2

朵朵熙熙丶

不对不对吧逗比不
2016-09-14 回复 有任何疑惑可以回复我~
#3

朵朵熙熙丶

很多很多患得患失
2016-09-14 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
如何用CSS进行网页布局
  • 参与学习       209624    人
  • 解答问题       1153    个

用最简洁的案例教你布局的那些知识,这是前端工程师基本技能

进入课程

为什么float可以让元素脱离标准文档流?

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信