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

2020-04-03T12:59:00

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

  根据需求,我要实现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即可。

当前页面是本站的「Baidu MIP」版。下载和发表评论请点击:完整版