css布局时子div的margin-top影响父div的margin-top的处理

样式如下

<style>
        .box1 {
            width: 300px;
            height: 300px;
            background-color:sienna;
        }
        .box2{
            width: 100px;
            height: 100px;
            background-color:silver;
            margin-top: 100px;
        }
    </style>
<div class="box1">
        <div class="box2"></div>
    </div>

效果如下,可以看到父div也向下移动了,解决办法是在父div中加如下css,overflow: hidden;
在这里插入图片描述

参考链接

发布了51 篇原创文章 · 获赞 4 · 访问量 7万+
展开阅读全文

没有更多推荐了,返回首页

©️2019 CSDN 皮肤主题: 大白 设计师: CSDN官方博客

分享到微信朋友圈

×

扫一扫,手机浏览