关于两个div盒子在浮动时的并排显示问题

在给第一个class值为left的div设置左浮动时，为什么紧挨着的第二个class值位right的div的盒子没有到第一个的右边去？两个盒子必须要同时设置float属性吗？

（我看上一节的视频时只给第一个盒子设置浮动时，两个盒子就在一排了。）

同时老师说的两个盒子宽度大于mainbody的宽度，我看了一下好像不对呀？宽度没大于mainbody的宽度。

能有大神给解释一下这个是怎么回事？

StevenPenn

2015-10-03

源自：网页布局基础 3-3

关注问题我要回答

6804

操作

收起

4 回答

前端小鸟
2016-01-14

设置一个是float属性时紧邻的元素会被浮动元素遮盖住，如果你设置一下紧邻元素的宽度和高度大于浮动元素就可以看的很明显。所以要设置两个都是float属性才会并排显示。之前没有设置宽度看上去是左右并排显示了，其实也是被遮盖住你看不到而已，你把两个的高度设置成不一样的就可以看的很清楚了。http://blog.sina.com.cn/s/blog_5f90da9b01016cmo.html好好看看这篇文章就明白了。