internet-explorer - 垂直和水平对齐具有相对大小的固定 div

Question

我问这个问题是因为它让我发疯，因为它在 chrome 浏览器上正确显示，但在 Firefox/IE 中显示不正确。

我想要一个 div，它必须根据窗口垂直和水平对齐。它也有相对大小。你能帮我么 ？我已经试过了，但它只适用于 Chrome:

    #itemNewsFS {
       position:fixed;
       display:none;
       width: 50%;
       left: 50%; 
       margin-left: -25%;
       height: 80%;
       top: 50%;
       margin-top: -40%;
    }

谢谢!

Answer 1

边距(垂直和水平)是相对于包含框的宽度计算的，请阅读 CSS2.1 规范的摘录:little link .

要实现你想要的，你可以保留你的 margin-left 值，但是你必须使用 JavaScript 来修复 margin-top:

document.getElementById("itemNewsFS").style.marginTop = Math.floor(window.innerHeight * 40 / 100) + "px";