二维码
搬瓦工 locvps

重新设置网站界面布局的时候,需要实现几个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容器间的间距。问题解决。

locvps
评论专区
  • 昵 称必填
  • 邮 箱必填
  • 网 址选填
◎已有 0 人评论
BudgetVM
作者介绍
转载大师

转载大师

转载大师作为本站编辑,主要负责把优秀的文章转载至此。如果您认为本文侵犯了您的版权信息,请与转载大师联系修正。
80vps henghost
30天热门
budgetvm sugarhosts
二维码
点击关闭
  • 在线客服1

    在线客服2

    在线客服3

分享:

支付宝

微信