为什么left 和mid都浮动了但是没有表现出脱离文档流呢，right没有浮动为什么就跟在mid后面而不是紧贴最左边呢？？？？

千里码

2015-10-28

源自：网页布局基础 5-1

关注问题我要回答

656

操作

收起

4 回答

后天是小鱼回答被采纳 +3 积分
2015-10-28

设置了浮动的元素任然是标准文档流

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

收起回答

暴走大熊
2015-12-13

其实原理是这样的，right并没有跟在后面，实际上他是紧贴着左边上来取代了前面浮动元素的位置的，但是为什么你看起来它好像在右边呢，因为浮动元素后面紧邻的块状元素中的文字和图片是不会被遮盖的，而会围绕在浮动元素周围，换句话说，就是后面那个元素确实已经被浮动元素遮盖了，但是文字和图片是无法被遮盖的，因此就被浮动元素挤到右边去了,不信你把左和中两个浮动元素之间留点间距出来，再给右边的元素加个背景色，看看它是不是其实靠左被盖在浮动元素下面！顺便说一下，如果给right设置了position后，它就会反过来盖住浮动元素，因为它有z-index属性了，而浮动元素是没有z-index属性的！