老蒋部落
今天老蒋重新设置网站界面布局的时候，需要实现几个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布局之间相互重叠问题的两个方法 | 欢迎分享（ 公众号：老蒋朋友圈 ）
