在页面右侧增长的空白区域

Question

我有一个响应式网站模板，我转换为ASP.NET MVC应用程序，在使浏览器窗口变小时似乎有一些奇怪的行为。当我缩小窗口的宽度并且低于986像素时，这个白色的“空间”出现在内容的右侧，并随着窗口变小而继续增长（参见图片中的红色锯齿形）

如果您想要实时查看该网站，则该网站为www.prophysique.com。我试图使用一些开发人员工具来查看空间的来源，但似乎无法追查问题。任何人都可以提出任何建议，我可以尝试找出这个空间的生成位置吗？

Answer 1

编辑：您的FB小部件是导致问题的另一个元素。它有一个设定的宽度，可以扩展到你的内容框之外。

.caption_style1已设置width: 1170px。取而代之的是减少了一些空间 - 在内部的h4上也有一些疯狂的填充和边距，但这似乎并没有减少我的空间。

代码中必须有另一个元素，其明确的宽度设置大于浏览器窗口，当它低于986px时。

空白显示是因为指定了背景颜色的元素是100％，所以如果窗口有一个滚动条（由于其中一个元素的宽度大于窗口宽度），那颜色不会t延伸到可滚动区域。