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

浮动元素应该脱离了正常的文档流,老师这块说错了吧,还是我没听明白

正在回答

4 回答

很多书上写的浮动元素脱离了标准文档流,实际浮动的元素并没有脱离标准文档文档流,如果脱离了标准文档流,那么脱离标准文档流的元素一定不会占据标准文档流中的空间,仔细想一下浮动的元素,它仍旧是占据标准文档流中空间的

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

楼上的解释是错误的, 占据标准文档流中的空间  脱离标准文档流 没有因果关系。当一个盒子使用float脱离文档流时,其他盒子会无视这个元素,即其他盒子的定位不参考float属性的盒子所以脱离标准文档流。 但其他盒子内的文本依然会为这个元素让出位置,环绕在周围,所以占据标准文档流中的空间。

参考:https://www.zhihu.com/question/24529373/answer/29135021

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

不明白如何算是占据标准文档流空间?那么什么是不占据标准文档流空间知道吧?absolute定位的元素,就脱离了标准文档流,它的特点是什么?完全脱离标准文档流,这就意味着紧邻其后的元素会上移,占据绝对定位元素原有的位置,而绝对定位的元素,会对上移的元素产生遮盖,这样能明白了吧,仔细想一下,浮动元素有没有这样的特点?答案就已经出来了

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

你能简要描述下浮动元素是如何占据标准文档流空间的吗?这块还是不理解,因为测试中当前一个块级元素浮动后,后面未浮动的块级元素在浏览器上确实占据了浮动元素未浮动前的空间了的。

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

举报

0/150
提交
取消
网页布局基础
  • 参与学习       214707    人
  • 解答问题       1756    个

让你精通CSS中三大定位机制,彻底掌握网页布局的相关知识

进入课程
意见反馈 帮助中心 APP下载
官方微信