html&；css不需要的水平溢出，如果页面垂直变得太宽

我有一个内容框，其中包含标准的lorem ipsum文本。 如下图所示，该页面看起来应该：

但当我在内容框中添加更多内容，使其在垂直方向上变得太宽时，由于某种原因，页面在水平方向上也变得太宽：

代码（HTML）：

试试这个：

body{
  overflow-x: hidden;
  overflow-y: scroll;
}

它允许垂直滚动，但不能水平滚动

试试这个：

body{
  overflow-x: hidden;
  overflow-y: scroll;
}

---

它允许垂直滚动，但不能水平滚动

不要对容器宽度使用100vw单位，因为vw使用视口的大小，而不包括滚动条。我将

#responsiveContainer

和

#navbar

的宽度改为100%，现在可以正常工作了

---

有关vw单位的更多信息：

不要将100vw单位用于容器宽度，因为vw使用视口的大小，而不包括滚动条。我将

#responsiveContainer

和

#navbar

的宽度改为100%，现在可以正常工作了

---

---

关于大众汽车的更多信息：

这不会仍然显示侧面被切掉的内容吗？是的，但youtube按钮仍然被剪掉。你不能，用一点css，把它放回去吗：）？是的，但我想解决问题，而不是隐藏它。我帮不了你，你的问题真的很奇怪！这不会仍然显示被切掉的内容吗？是的，但youtube按钮仍然被剪掉。你不能，用一点css，把它放回去吗：）？是的，但我想解决问题，而不是隐藏它。我帮不了你，所以，你的问题真的很奇怪！这很奇怪，因为它解决了小提琴上的问题。。你可以分享一个你的网站链接，这样我就可以用图片和其他东西来查看你的网站了吗？它目前在localhost上，但我可以试着马上在线设置。我在JSFIDLE上也做了同样的事情，它对我也适用。我可以设置一个mediafire链接，这样你就可以下载它了吗？你能给我一个电子邮件地址吗，这样我就可以私下分享mediafire链接。我不想让每个人都下载模板。这很奇怪，因为它解决了小提琴上的问题。。你可以分享一个你的网站链接，这样我就可以用图片和其他东西来查看你的网站了吗？它目前在localhost上，但我可以试着马上在线设置。我在JSFIDLE上也做了同样的事情，它对我也适用。我可以设置一个mediafire链接，这样你就可以下载它了吗？你能给我一个电子邮件地址吗，这样我就可以私下分享mediafire链接。我不希望每个人都下载模板。

body{
  overflow-x: hidden;
  overflow-y: scroll;
}