1

我正在使用 Twitter Bootstrap 框架进行响应式/流体布局。

网站的顶部横跨任何屏幕的整个宽度，但是当我进入内容时，屏幕右侧大约有 20 px 的间隙。这似乎只发生在屏幕小到足以拉入 CSS 的部分地址时：

@media (max-width: 767px){}

你可以在这里看到一个屏幕截图：

http://monosnap.com/image/dQ4OD0O8fW7gcbVvXVfTKLbUa

我的测试代码托管在这里：http ://demo.omnigon.com/christian_bovine/show-sxsw/

就像我说的，在大屏幕上它很好，只是在小屏幕上，它只是中间的内容。我看了很多次，我看不到我的问题？

4

1 回答 1

3

您需要删除 #footer css 选择器上的负边距。此声明本质上是强制您的页脚大于其父容器。

通常，您只会在父容器具有填充并且您想通过对子元素应用负边距来否定父填充时才使用此技术。

于 2013-02-12T15:07:55.303 回答