CSS和HTML定位

Question

我想製作一個網站，並且確保所有內容的位置都很重要。我有我想要的所有設備上某個位置的元素。例如：

test { 
    top: 63%; 
    left: 43%; 
} 

的問題是，當我測試的其他瀏覽器的網站，不同的屏幕尺寸，元素位置去瘋狂。有沒有一種方法可以設置在每個瀏覽器/屏幕大小上保持不變的位置。

謝謝，

Tomothy

Answer 1

test { 
    top: 63%; 
    left: 43%; 
position:absolute; 
} 

和在父DIV位置：相對;

所以測試是根據父DIV

Answer 2

你必須使用下面的代碼..

.test{ position:absolute; top: /*your value*/; left: /*your value*/;} 

測試父容器之前設置..

.parent-container{ position:relative;} 

左和頂級CSS屬性沒有位置正常工作。

Answer 3

test { 
    position: absolute; 
    top: 63%; 
    left: 43%; 
    } 

注：你必須定義父類的測試是一樣..

test-parrent { 
     position: Relative; 
    }