我正在使用Twitter Bootstrap框架进行响应/流畅布局。
网站的顶部横跨任何屏幕的整个宽度,但当我深入了解内容时,屏幕右侧距离大约为20 px。只有当屏幕小到足以引入解决的CSS部分时才会出现这种情况:
@media (max-width: 767px){}
您可以在此处看到一个屏幕截图:
http://monosnap.com/image/dQ4OD0O8fW7gcbVvXVfTKLbUa
我的测试代码在此处托管:http://demo.omnigon.com/christian_bovine/show-sxsw/
像我说的那样,在大屏幕上它很好,只在较小的屏幕上,而且它只有中间内容。我看了很多次,看不出我的问题了?答案 0 :(得分:3)
您需要删除#footer css选择器上的负边距。此声明基本上是强制您的页脚大于其父容器。
通常,当父容器具有填充并且您希望通过对子元素应用负边距来否定父级填充时,您才会使用此技术。