Html 内容宽度大于正文宽度？

下面是一个非常简单的示例： 正文宽度在这里被人为地拒绝，尽管它不是真实应用的情况-见下文

有多个街区的布局与#d1和#d2相似。所有这些都设置了最小宽度。 屏幕底部还有一条条纹，必须填满整个宽度

在宽屏幕上，一切正常-有足够的块体宽度，没有滚动，条纹填充整个屏幕宽度

但是在狭窄的屏幕上（在示例中模拟，显式设置了主体宽度），会发生以下情况：内容的宽度实际上大于主体的宽度。此内容使水平滚动出现，但不会拉伸主体。因此，条带（底部的绿线）比页面内容占用更少的空间

=====

好极了，伙计们，我知道这是因为利润：）

正如我所说，这里设置的固定主体宽度仅用于演示，在现实世界中，主体宽度由窗口大小定义。但是有几个块仍然在主体之外，因此会出现滚动，而主体宽度不会改变

那么，有没有办法使条带填充整个窗口客户端宽度，同时保留其余标记

---

我正在使用现有的站点，不想完全重新修改整个布局（相当复杂，不是我自己编写的）。

这是因为第二个分区的边距为-200px。这会诱使浏览器认为它的宽度为-50px，因此会使这些分区彼此相邻，即使此内容的一部分呈现在正文之外

因此：失去利润。：）

这是因为您的

#d2

元素有一个负的

右边距

集-这意味着它将落在

主体

元素之外。如果删除此属性，则会看到块下降到下一行（因为

#d1

和

#d2

都是

150px

）

---

从本质上讲，布局就是按照你的要求去做。无论浏览器窗口大小，条纹总是

200px

宽（100%的主体宽度）。

您能提供一个指向该站点的链接吗？这将有助于人们在行动中看到这一点。我试图用最少的例子来省略这一点。我可能应该创建一个更好的，虽然我看到了你的更新，但我不知道它如何改变答案。最小宽度为150px，这意味着如果主体宽度收缩到300px以下，第二个div将包裹到下方。但正是这一差距使它无法发挥作用。此外，如果您的身体有任何边距或衬垫，将条纹宽度设置为100%，将导致其大于身体的客户尺寸。它将扩展到整个宽度，包括这些边缘。如果你想让它填满主体客户宽度，你应该跳过条纹上的宽度。默认情况下，它会填满空间。您可以在主体上将最小宽度设置为300px，以防止其变小。但我不确定你想要它是什么样子。你想让条纹服从300px的最小宽度，还是当它们彼此不合适时，你想把div2放在div1下面？这只是一个示例，在真实情况下，主体上有最小宽度，但它小于块的最小宽度之和。我希望条带忽略主体宽度，取窗口客户区的全宽。现在我想我应该建议男人们增加身体的最小宽度，以与街区房地产相匹配，但这可能达不到消极的marginI所占据的空间。我认为最好的解决方案是完全不设计身体。在身体里放一个div。你可以用你现在设计身体的方式来设计它。然后，您可以将div放在该div的外部（当然，仍然在主体内部），并对其进行样式设置，使其成为主体的全宽。有意义的是，必须检查它对当前布局的重要性（Django项目中有约100个模板，尽管它们都继承自单个基础模板）