MDN:当一个元素浮动之后，它会被移出正常的文档流，然后向左或者向右平移，一直平移直到碰到了所处的容器的边框，或者碰到另外一个浮动的元素。
疑问:MDN中说的是向左或向右移动,一直平移直到碰到了所处的容器的边框。
可是.box2元素为什么是向上移动了吗?
CSS权威指南(第三版):"浮动元素会生成一个块级框 , 而不论这个元素本身是什么"
而且float 不为 none 的时候, 元素的 display 计算值为 block ,那这两个div更不应该位于同一行啊?
浏览 2.0k
已采纳
CSS float 的疑问 : 当给两个div都设置浮动之后,为什么它们会在同一行显示?
- 写回答
- 好问题 提建议
- 追加酬金
- 关注问题
- 分享
- 邀请回答
微信扫一扫4条回答 默认 最新
相关推荐 更多相似问题
- 2019-01-27 10:54回答 4 已采纳 首先，两个div（块级非置换元素）不会显示在同一行内，这种规则是属于常规流的。对于浮动元素，是不在常规流里面的，因此这种规则是不适合的。浮动盒将被移动至左侧或右侧直至其外侧紧贴包含盒的边缘或另外一个浮
- 2022-04-24 16:50回答 2 已采纳 ul节点高度塌陷了，子节点使用float后会引起父节点的高度塌陷，给父节点添加overflow: hidden;就可以了ps: html节点使用float之后 该节点会脱离文档流，脱离文档流的意思就是
- 2021-11-25 10:30回答 1 已采纳 <style> .box{ width: 1260px; height: 460px; posit
- 2021-06-10 06:18田螺君的博客 CSS中脱离文档流，也就是将元素从普通的布局排版中拿走，其他盒子在定位的时候，会当做脱离文档流的元素不存在而进行定位。需要注意的是，使用float脱离...看例子：两个浮动的div，第三个没有浮动的div是忽略了这...
- 2021-06-19 09:58吃苹果fay的博客 在界面设计的时候，经常需要将两个div在同一行显示。但是每次都会忘记怎么做，特此随笔，备忘。如以下要将“第一个div”和“第二个div”显示在同一行： /*外层div*/第一个div第二个div只需要对id2和id3增加css样式...
- 没有解决我的问题, 去提问
