position:absolute
是会脱离文档流的,但是float
呢?
float之后还是会跟随父级,这是不是和position:absolute
到body
或者html
的脱离不是完全一样,
再或者说既然会跟随父级,那是不是就没有脱离?
两者都会使元素脱离文档流, 但是,与absolute不同的是:
float 的元素还会在文档流上占据一个位置。
看一个简单的实例你应该更容易理解:
DEMO:http://codepen.io/CodingMonkeyzh/pen/OVxGKL
文字会围绕float的元素,所以float的元素在文档流还是占有有一席之位的。
文字被absolute的元素遮挡了,说明absolute的元素已经完全脱离文档流,文字可以无视它的存在。
版权声明:本文内容由阿里云实名注册用户自发贡献,版权归原作者所有,阿里云开发者社区不拥有其著作权,亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容,填写侵权投诉表单进行举报,一经查实,本社区将立刻删除涉嫌侵权内容。