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

Question

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

score 3 · Accepted Answer

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

您可以通过添加来修补它min-width: 1000px;，这样它们就不会缩小到页面宽度之外。

希望这可以帮助！

score 3 · Accepted Answer

3

你#content导致滚动是因为1000px width

于 2012-10-10T05:51:47.717 回答

score 3 · Accepted Answer

你可以试试这个CSS：

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

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

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

score 2 · Accepted Answer

您需要使用它来修复它

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

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

4 回答 4