开发者社区> 问答> 正文

上下margin重合的问题

已解决

上下margin重合的问题

展开
收起
pandacats 2019-12-10 15:16:25 739 0
1 条回答
写回答
取消 提交回答
  • 采纳回答

    在重合元素外包裹一层容器,并触发该容器生成一个BFC。 例子:

    .aside {
                margin-bottom: 100px;  
                width: 100px;
                height: 150px;
                background: #f66;
            }
            .main {
                margin-top: 100px;
                height: 200px;
                background: #fcc;
            }
             .text{
                /*盒子main的外面包一个div,通过改变此div的属性使两个盒子分属于两个不同的BFC,以此来阻止margin重叠*/
                overflow: hidden;  //此时已经触发了BFC属性。
            }
    
    2019-12-10 15:16:50
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
低代码开发师(初级)实战教程 立即下载
冬季实战营第三期:MySQL数据库进阶实战 立即下载
阿里巴巴DevOps 最佳实践手册 立即下载