使用css將div標籤放在彼此頂部的標籤

Question

我有以下代碼，它由兩個標籤組成。 .nav和.page我希望將.nav置頂，position: fixed和.page低於.nav。如何在不使用margin屬性的情況下執行此操作？

這裏是jsfiddle

這裏是代碼

<div class="nav">this is navigation</div> 
<div class="page">this is page</div> 

CSS

.nav { 
display: block; 
position: fixed; 
border: 1px solid red; 
height: 50px; 
width: 100%; 
} 

.page { 
border: 1px solid green; 
height: 300px; 
} 

Answer 1

嗯，你可以使用相對定位是什麼？如果未設置，則將「頁面」元素置於顯示50px的位置。 「page」元素中的所有絕對定位元素的其他優點將引用「left：0px; top：0px」作爲頁面元素的左上角而不是瀏覽器視口。

看到http://jsfiddle.net/HBxNr/1/

position:relative; 
top:50px;