.footer{ width: 1200px; height: 100px; margin: 60px auto; /*加一条上边框分割线*/ border-top:1px solid white; background-color: black; width: 100%; height: 100%; overflow: hidden; } .footer p{ text-align: center; line-height: 80px; color: white; } .footer p span{ color: #ff1490; }

这段代码中存在一个问题。在样式中有两个宽度声明，第一个宽度声明为1200像素，第二个宽度声明为100％。由于样式从上到下执行，因此第二个宽度声明会覆盖第一个声明，导致宽度为100％而不是1200像素。因此，第一个宽度声明可以删除。

另外，高度设置为100％看起来无法正常工作，因为它需要父元素也设置为100％高度。如果您希望footer占据100％视口高度，可以将高度设置为`vh`单位，如`height: 10vh;`。

最终的代码如下所示：

.footer {
  height: 10vh;
  margin: 60px auto;
  border-top: 1px solid white;
  background-color: black;
  overflow: hidden;
}

.footer p {
  text-align: center;
  line-height: 80px;
  color: white;
}

.footer p span {
  color: #ff1490;
}