什么使页面不占据身体的整个宽度？

Question

是什么让页面不占据整个身体的宽度？ Here's a picture to demonstrate。

几乎整个事情都在我的风格中发生：

.detailBox

如果您需要更多代码，请询问。我认为我所拥有的所有代码都会对此产生任何影响。

07/19/17更新： 我尝试删除“宽度：80％”，我得到了相同的结果。事实上，我尝试添加一个从容器中排除的段落，该段甚至不想去到身体的右侧。 See picture

Answer 1

您的容器宽度设置为80％，因此容器中的页面内容将只覆盖页面正文的80％。

Answer 2

因为你告诉它不要这样：宽度：80％;

如果你想要整页，那么容器需要是全宽的（100％或100vw都可以）。 “vw”不会关心父母的大小。它将根据需要在父节点之外打破，以填充屏幕宽度。

因此，如果您希望将容器保持在80％，但仍然保持图像整页宽度，请使用“vw”而不是“％”。