【一个块元素内放块元素设置margin，margin为什么会跑到框外？ _盒模型】

一个块元素内放块元素设置margin，margin为什么会跑到框外？

我也踩过这个坑( 1 )

已统计您的踩坑,无需重复点击

回答(1)

盒模型

详细描述

截图

代码

.two {
    width: 100%;
    height: 312px;
    font-size: 0;
    background: #29BDE0;
}
.victory {
    margin: 12px auto 0;
    width: 176px;
    height: 103px;
    background: url(../image/victory1.png) 66.5px 13px/43px 42px no-repeat; 
}
.victory2 {
    padding-top: 66px;
    width: 176px;
    height: 103px;
    font-size: 23px;
    color: #FFFFFF;
    text-align: center;
    background: url(../image/victory2.png) 0 0/176px 103px;
    box-sizing: border-box;
}

编辑于2025-03-30

时间排序

热门排序

[北京|结业弟子]JS-肖明明
2

这个问题是外边距塌陷，父元素添加overflow：hidden；可以解决问题
可以参考：https://blog.csdn.net/sinat_22996989/article/details/47255541

查看全部>

编辑于2019-05-04

去第页