li_13579_li
li_13579_li
2019-01-27 10:54

CSS float 的疑问 : 当给两个div都设置浮动之后,为什么它们会在同一行显示?

20
  • css
  • html5
  • javascript
MDN:当一个元素浮动之后,它会被移出正常的文档流,然后向左或者向右平移,一直平移直到碰到了所处的容器的边框,或者碰到另外一个浮动的元素。

疑问:MDN中说的是向左或向右移动,一直平移直到碰到了所处的容器的边框。
可是.box2元素为什么是向上移动了吗?

MDN:浮动元素是如何定位的


CSS权威指南(第三版):"浮动元素会生成一个块级框 , 而不论这个元素本身是什么"
而且float 不为 none 的时候, 元素的 display 计算值为 block ,那这两个div更不应该位于同一行啊?



float.png

  • 点赞
  • 回答
  • 收藏
  • 复制链接分享

4条回答