解决div布局重叠、换行问题

  前些时间，做了个友链页面，需要实现几个布局之间的分离。但是有出现重叠问题，因为并非专门做前端的（业余爱好者），所以，弄这些东西都是在需要的时候百度。为方便以后用到，在这里记录下。

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

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

  将A和B放到一个容器中，然后A和B通过float:left实现同一行效果。

  对于C重叠AB的问题，可以在AB大容器添加

 overflow:hidden;

然后再稍微调整margin-top即可。