火狐怪異百分比高度絕對定位的div

我有一個純CSS模式對話框設置這樣火狐怪異百分比高度絕對定位的div

div { 
    position:fixed; 
    top:50%; 
    left:50%; 
    margin:-26% 0 0 -26%; 
    width:46%; 
    height:46%; 
    padding:3%; 
}

這個div在WebKit瀏覽器爲中心的顯示器。但在FF中，它幾乎觸摸屏幕的頂部。

來源

2012-08-02 colmtuite

而不是使用空間，你可以這樣做：

top: 25%; 
left: 25%;

http://jsfiddle.net/wwRUT/2/

我不認爲我會結合的利潤率和固定定位。

來源

2012-08-02 19:31:37

這是工作，謝謝。任何想法是什麼問題？絕對定位也是一樣。 – colmtuite 2012-08-02 19:33:32

我知道絕對定位的元素是從HTML的正常流程中提取出來的，基本上位於其他元素之上（我正在簡化它）。我相信固定定位也會發生同樣的情況。頂部和左側的值確定了元素的位置，但是由於它們位於流程之外，邊距不適用於它們。除了Firefox以外的瀏覽器可能會糾正這個問題？我不確定。 – 2012-08-02 19:38:49

火狐怪異百分比高度絕對定位的div

回答

相關問題