Css 分辨率较低时，div宽度未100%拉伸

我正在为一个客户开发一个网站，我不擅长css。。。仍然在学习很多关于div的知识。我制作了一个div，它应该可以拉伸页面的100%，并且可以工作，除非用户从较低的分辨率（例如1024 x 768）浏览，并且必须水平滚动，否则div将只会延伸到浏览器窗口的原始长度

再加上我的页脚的行为方式是相同的，并且没有粘在页面底部

代码/网站可在以下网址找到：

---

感谢您提供的任何帮助，或者解释为什么会发生这种情况会很有帮助，因为我仍在学习过程中

设置div的最小宽度

div.class{/*…*/min width:uuuupx！重要；/*…*/}

设置div的最小宽度

div.class{/*…*/min width:uuuupx！重要；/*…*/}

您可以看到分辨率为1024x768的滚动条，因为

上设置了1064像素的宽度。因此，父div的最小宽度为1064。

您可以看到分辨率为1024x768的滚动条，因为

上设置了1064像素的宽度。因此，父div的最小宽度为1064。

我们是说黑色条没有一直延伸到右侧吗

您不仅需要确保这些div的宽度为100%，还需要确保它们的所有祖先的宽度也为100%。对于正常（静态）定位，100%宽度表示元素父元素宽度的100%

在Firefox中使用WebDeveloper插件，并启用Outline Current元素，将有助于确定哪些元素的宽度没有需要的那么大。（在页面周围移动鼠标，它将勾勒出您所处的元素，并告诉您该元素的css选择器路径）

---

此外，您可能希望将结构与使用的原始模板进行比较。例如，我觉得奇怪的是，您有一个空的div.#footer元素，然后在它后面有一个table.foot元素，而不是在它里面。也许你不小心弄坏了什么东西？

我们是说黑条没有一直延伸到右边吗

您不仅需要确保这些div的宽度为100%，还需要确保它们的所有祖先的宽度也为100%。对于正常（静态）定位，100%宽度表示元素父元素宽度的100%

在Firefox中使用WebDeveloper插件，并启用Outline Current元素，将有助于确定哪些元素的宽度没有需要的那么大。（在页面周围移动鼠标，它将勾勒出您所处的元素，并告诉您该元素的css选择器路径）

---

此外，您可能希望将结构与使用的原始模板进行比较。例如，我觉得奇怪的是，您有一个空的div.#footer元素，然后在它后面有一个table.foot元素，而不是在它里面。也许你不小心弄坏了什么东西？

我同意杰伊的看法。顺便说一句，它看起来是一个非常好的网站-效果不错，也没有太多的效果..我同意Jey的观点。顺便说一句，它看起来是一个非常好的网站-效果很好，也没有太多的效果..是的，我理解你的建议（除了最小宽度），所以我去看看哪些div是黑条的父div（是的，我指的是页面上的黑条……它们可以拉伸到100%，但如果分辨率较低，则它们只适合浏览器窗口大小）。应该拉伸100%的div是.top\u menu。该div的父级是.container\u 12。然而，即使我给container\u 12定义了宽度：100%，但.top\u menu div仍以相同的方式运行…我可能会出错，但即使遵循您的建议似乎对di的行为没有任何影响v、 我说不上来，但您的一些花式javascript可能正在重新排列DOM，以便以不同于html源代码的层次结构呈现元素选项可能会有所帮助。javascript也可以改变样式设置。如果你在那里找不到任何东西，可以通过尝试和错误来缩小范围。继续注释内容，直到它停止出现，然后你就会知道在哪里集中注意力。我刚刚在Google Inspect元素工具中做了一些修改。我删除了所有的内容我已经搜索了所有的css文件，但是找不到938，尽管我不得不承认我没有寻找90%或类似的东西。我也认为它可能是JavaScript的东西。这看起来很奇怪，因为我把div设置为100%，没有其他样式g应用于它。我也给出了身体位置：relative，但它没有帮助。如果你还是很烂的话，稍后会再看一看。我会检查javascript，我想你可能了解一些东西。非常感谢！是的，我理解你的建议（可能除了最小宽度的建议），所以我去看看哪些div是黑条的父div（是的，我是说页面上的黑条…它们拉伸到100%，但如果分辨率较低，则它们只适合浏览器窗口大小）。应该拉伸100%的div是.top\u menu。该div的父级是.container\u 12。然而，即使我给container\u 12定义了宽度：100%，但.top\u menu div仍以相同的方式运行…我可能会出错，但即使遵循您的建议似乎对di的行为没有任何影响v、 我不知道，但是您的一些花式javascript可能正在重新排列DOM，以便以不同于html源代码的层次结构呈现元素