解决DIV布局之间相互重叠问题的方法教程-Just My Socks中文教程网

重新设置网站界面布局的时候，需要实现几个DIV布局之间的分离。但是有出现重叠问题，因为并非专门做前端的，有些东西在使用的时候才去寻找解决方案，这不这个小小的问题也记录下来以便以后需要的时候直接查到。

根据需求，我要实现A、B、C 这样的样式，但是有出现A、B 的重叠问题，以及C与A、B重叠。这里可以这样操作。

<div class="a-and-b">
<div class="class-a">A</div>
<div class="class-b">B</div>
</div>
<div class="class-c"></div>

将A和B放到一个容器中，然后A和B分别通过float:left和float:right实现。这个可以解决A和B的覆盖问题，对于C重叠AB的问题，可以在AB大容器添加。

overflow:hidden;

然后再稍微调整margin容器间的间距。问题解决。

解决DIV布局之间相互重叠问题的方法教程