使用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;