CSS只设置高度没达到全覆盖效果

问题遇到的现象和发生背景

img

img

img

img


想在底部全部覆盖白色,只写了高度,按理说应该有全部覆盖,但是权重没问题,却只显示了里面小一点的盒子模型底色,不是我想要的全覆盖效果

问题相关代码,请勿粘贴截图

1..w {
width: 1200px;
margin: auto;
}
2..footer {

background-color: #ffffff !important;
/* 最牛逼的权重 */
height: 420px;
margin-top: 39px;

}

.footer .w {
padding-top: 35px;

}

运行结果及报错内容

达不到全覆盖的效果,覆盖了盒子,但是我没给里面盒子设置

我的解答思路和尝试过的方法

我改过权重,但是不行,相同的代码上面都可以达到全覆盖的效果

我想要达到的结果

按理来说这么写没什么问题,但这个

元素的宽度肯定不是全屏100%,原因就是这个,还需要你确认
的宽度

footer 加个 width:1200px试试

审查元素看下是哪里影响到了,看代码是没问题