所有分辨率的CSS元素定位

我期待構建一個網站並使用CSS定位。但是對於每個決議，由於保證金屬性，它將邊界放置在不同的位置。但是，如何將所有屏幕分辨率均勻分佈？所有分辨率的CSS元素定位

<!DOCTYPE html> 
<html> 
<head> 
    <title>Demo Page</title> 

    <style type="text/css"> 
    #homeHeader{ 
     text-align: center; 
     font-family: Verdana; 
    } 
    #homeTabs{ 
     border: 1px solid black; 
     height: 800px; 
     width: inherit; 
    } 
    #tabOne{ 
     margin:50px 50px 20px 100px; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabTwo{ 
     margin: 0px 50px 20px 250px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabThree{ 
     margin: 0px 50px 20px 400px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabFour{ 
     margin: 0px 50px 20px 550px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabFive{ 
     margin: 0px 50px 20px 700px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabSix{ 
     margin: 0px 50px 20px 850px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    } 
    #tabSeven{ 
     margin: 0px 50px 20px 1000px; 
     font-family: Arial; 
     font-style: italic; 
     width: 100px; 
     height: 60px; 
     border: 1px solid black; 
    }s 
    center{ 
     font-family: verdana; 
    } 
    </style> 


</head> 
<body> 

<div id="homeHeader"> 

    <h1 id="headerH1">HOMELESS MONKEYS</h1> 
</div> 

<div id="homeTabs"> 

<div id="tabOne"> 
    <center><br>Fashion1</center> 
</div> 

<div id="tabTwo"> 
    <center><br>Fashion2</center> 
</div> 
<div id="tabThree"> 
    <center><br>Fashion3</center> 
</div> 
<div id="tabFour"> 
    <center><br>Fashion4</center> 
</div> 
<div id="tabFive"> 
    <center><br>Fashion5</center> 
</div> 
<div id="tabSix"> 
    <center><br>Fashion6</center> 
</div> 
<div id="tabSeven"> 
    <center><br>Fashion7</center> 
</div> 
</div> 

</body> 
</html>

我可以理解，它把不同的不同的分辨率從邊境，因爲保證金的距離，但如何使其同樣爲所有的屏幕分辨率間隔多長時間？

來源

2015-09-07 Kaushik S