您的当前位置:首页>全部文章>文章详情

子元素添加margin,导致父元素上下有偏移

发表于:2023-09-06 13:54:38浏览:118次TAG: #CSS

解决方案:
在父元素添加 overflow : hidden

<body>
    <div class="a">
        <div class="b"></div>
    </div>
</body>
/* 父元素 */
.a{
    width: 300px;
    height: 300px;
    background-color: red;
    /* overflow: hidden; */
}

/* 子元素 */
.b{
    width: 200px;
    height: 200px;
    background-color: blue;
    margin: 30px;
}