html - 保证金自动变为负值

Question

我的边距有问题：自动 - 垂直居中 #something { width: 97%; height: 300px; border: 1px solid red; position: absolute; top: 0; bottom: 0; margin: auto; }

这适用于每个现代浏览器 - 当页面（视口）高于 300px 时，它垂直居中，但是，当页面（视口）低于 300px 时，它在任何地方都可以工作，除了在 firefox 中......在 firefox 中运行它很好（也许它是不好的功能，但它的逻辑功能）在其他浏览器中，居中元素的顶部消失在视口的顶部。

http://jsfiddle.net/LhHed/2/这是上帝的例子 - 当你调整结果窗口的大小时，在 Firefox 中工作得很好，在其他浏览器中没有。可以修吗？或者它的Firefox功能不好？

score 1 · Accepted Answer

据我所知，您希望分隔线的顶部显示在页面顶部。这目前没有发生，因为您将位置设置为top:0; bottom:0;，该top属性与该属性冲突bottom，最终将分隔线定位到页面底部。只需删除该bottom属性即可防止元素的顶部出现在视口之外：

#something {
    width: 97%;
    height: 300px;
    border: 1px solid red;
    position: absolute;
    top: 0;
    margin: auto;
}

JSF中。

score 0 · Accepted Answer

当我使用position: relativebody 元素时，我删除了浏览器中的问题。现在它也可以在 Firefox 和其他浏览器中使用。http://dev8.newlogic.cz上的实时示例

2 回答 2