【问题标题】:White Blanks to the Right in Mobile View of Website网站移动视图中右侧的白色空白
【发布时间】:2014-07-11 18:02:13
【问题描述】:

我正在为其他人编写的代码调试网站。通常我使用 bootstrap 响应行和列,但我相信这个网站是建立在 zurb-foundation 之上的。

这是页面的网址。 (www.edcast.com/privacy)

我的意思的视觉截图。

http://imgur.com/WTGDQTK

我会玩这个,但如果能有第二只眼睛和其他一些意见,我们将不胜感激!

更新:到目前为止,我已经尝试将“溢出:可见”更改为隐藏和自动 我也尝试过明确:都适用于各种不同的 div

【问题讨论】:

    标签: html css responsive-design zurb-foundation


    【解决方案1】:

    如果您看一下我在下面发布的图片,您会看到 ID 为 image-top-div 的 div 正在推动所有内容。您将需要调整图像大小并使用边距和填充。您可以在 gif 中看到我,取出解决此问题的 margin-left

    【讨论】:

    • 我在控制台中键入上述代码时发生的情况的图片。 imgur.com/Ko7hl2b 它似乎只是说“未定义”,但我发现问题从 450px 宽度或更小开始
    • @tonesbonesjones 这只是意味着没有比页面更宽的元素。您的一个 divs 上有一个填充物,它正在推动一切,我更新了我的答案以反映这一点。
    • 我尝试在浏览器中使用 padding-right: 0px 进行测试。它似乎没有用,但我很感激你在这方面试图帮助我。 :) i.imgur.com/N7M948t.png
    • 我还在stackoverflow上找到了这个存档Archived Solution我目前正在测试@773提到的每一种方法