正在回答
同学你好,html结构如下吗(两个元素为父子结构)?
是如果是的话,那么是发生了margin传递。可以参考下方理解。在一个父子元素结构里,如果子元素设置了margin-top值 会出现一个问题,就是子元素的margin-top会作用到父级元素。建议:给父级设置overflow: hidden;即可解决。
如果不是上方的结构,可以把完整的代码粘贴上来,老师帮助解答。祝学习愉快~
我的代码部分是这样的:
/* 第五屏 */
.screen-5{
height:640px;
background:url('../img/sc5.jpg') center;
background-size:cover;
}
.screen-5_wrap{
width:1200px;
margin:0 auto;
/* overflow:hidden; */
}
.screen-5_bg{
width:200px;
height:200px;
background:url('../img/sc5-1.png')no-repeat center;
padding-top:95px; /* 改成padding-top:95px就不会突出一块 */
}
.screen-5_heading{
font-size:40px;
padding-top:53px;
padding-bottom:61px;
}
.screen-5_subheading{
font-size:17px;
}
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧
0 星