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

Question

我遇到了这个问题，其中所有内容都正确对齐但是当我调整浏览器窗口大小时，它会在底部显示一个滚动条以水平滚动...当您滚动页眉和页脚时，它看起来非常难看。 有关如何解决这个问题的任何想法吗？

Answer 1

问题是，您的#content div有width:1000px;，而页眉和页脚只设置为width: 100%。

您可以通过在页眉和页脚选择器中添加min-width: 1000px;来修补此问题，这样它们就不会缩小到页面宽度以外的任何位置。

希望这有帮助！

Answer 2

由于#content

，您的1000px width导致滚动

Answer 3

你可以尝试这个css：

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

这个css用于页眉和页脚以及内容div：

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

Answer 4

您需要使用它来修复它

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

由于#content <div>宽度为1000px;且页眉/页脚设置为100%;，因此通常不会打印出视口的大小，因此您可以用它来修复