Html 车身宽度100%问题

我的

正文

选择器有问题。当我把我的窗户变小的时候，它并没有把车身宽度保持在100%，我也不知道为什么

body
{
  margin:0px !important;
  background:url(../images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width:100%;
  height:100%;
}

当我使窗口变小时，这会产生一个页脚错误，因为主体不在整个宽度上

我无法添加要显示的图片，因为我没有10个代表，但您可以查看此链接并缩小窗口：

---

我不想我的网站是响应我只想我的身体是100%的任何决议。下面是图片的链接以及我在缩小窗口时遇到的问题：i.imgur.com/70sj43G.png i.imgur.com/OgMZVxa.png

您在主体内部设置了宽度。例如，与主刻度一样，导航的宽度为1060px。

子刻度未设置为流体宽度。如果您将CSS“宽度”更改为“最大宽度”，您将有机会看到布局在不同屏幕宽度下的变化。您的CSS肯定需要进一步更新，但这会让您开始。

问题实际上是由具有以下样式的

div#banner

引起的：

 #banner {
   position: absolute;
   width: 150px;
   margin-top: 5px;
   margin-left: 1040px;
 }

边距设置为

1040px

加上

width:150px

会使您的横幅的总宽度

1190px

，比站点的其他部分宽。
我假设您在横幅上使用了

position:absolute

，以避免此问题，但这还不足以使其按您的意愿工作。
您可以阅读有关此问题解决方案的更多信息

注: 上述方法解决了您的问题，但无助于使您的网站具有响应性。
如果您的目标是响应性设计（您没有这样说，我只是猜测可能是这样），我建议您阅读一些教程，了解基本规则等。
也有像或这样的响应性框架帮助创建响应性网站

document.onresize = function() {
   document.body.style.width = document.body.scrollWidth+"px";
}

---

这可以帮助您，当文档调整大小时，此回调会将正文宽度重置为文档宽度的100%。

将图片发布到imgur并共享URL我不希望我的网站响应，我只希望我的正文在任何分辨率下都是100%。以下是图片的链接，以及当我缩小窗口时遇到的问题：尝试我发布的链接中的解决方案，对我来说它是有效的，但我不确定这是否是你想要实现的。