Question

我做了一个css粘性页脚菜单，除了你用FF检查元素时，它的工作效果很好，页脚菜单跳起来大约100px。因此，当Firebug窗口可见时，菜单浮动在页面的中间位置！？

我已将body和html设置为100％高度，而且我还有一个高度为100％的容器div ...还有什么想法？

编辑：我刚尝试将容器div设置为overflow：auto。菜单不再漂浮在页面的中间位置，但我有垂直滚动条??

相关CSS：

#menu {
width: 960px;
height: 100px;
position: absolute;
bottom: 0px;
background-color: rgba(65, 64, 64, 0.75);
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-topright: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
}

Answer 1

跨浏览器CSS粘贴页脚无法使用单个规则。我会冒险打赌这在IE中不起作用。对于坚如磐石的css粘性页脚工具，请查看here

Answer 2

你必须考虑到，当firebug加载时，它实际上会在其中发布它自己的样式以突出显示元素。您可以尝试在Chrome / Safari中检查元素，以获得侵入性较小的突出显示。

希望这有帮助。

Answer 3

您应该将容器放在容器外面＆lt; body＆gt;

下面

CSS粘滞页脚菜单 - 检查元素时布局中断

3 个答案: