Html 当我调整浏览器窗口的大小时，页眉和页脚看起来很糟糕

我遇到了这样一个问题，所有内容都正确对齐，但当我调整浏览器窗口的大小时，它会在底部显示一个滚动条以水平滚动…当你滚动页眉和页脚时，页眉和页脚都被切掉了，看起来非常难看。 有什么办法解决这个问题吗

问题在于内容div的宽度为1000px；，而页眉和页脚仅设置为宽度：100%

您可以通过添加最小宽度来修补此问题：1000px；添加到页眉和页脚选择器，以便它们不会缩小到页面宽度之外

希望这有帮助

由于1000px的宽度，您的内容导致滚动

您可以尝试以下css：

html, body{
margin:0;
padding:0;
}

此css用于页眉、页脚和内容div：

header, footer, #content{
min-width: 1000px;
}

---

你需要用这个来修复它

body {
   width:100%; 
   min-width: 1000px;
}

因为你的内容宽度是1000px；并且您的页眉/页脚设置为100%；它通常不会打印出视口的大小，因此您可以使用它来修复