使用css将div标签放在彼此顶部的标签上

Question

我有以下代码，其中包含两个标记。我需要.nav和.page，.nav位于position: fixed下方，.page位于.nav以下margin。如何在不使用 <div class="nav">this is navigation</div> <div class="page">this is page</div> 属性的情况下执行此操作？

这是jsfiddle

这是代码

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

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

CSS

{{1}}

Answer 1

嗯，你可以使用相对定位吗？这将“page”元素定位为显示50px应显示的位置（如果尚未设置）。 附加好处“page”元素中的所有绝对定位元素将引用“left：0px; top：0px”作为页面元素的左上角而不是浏览器视口。

在http://jsfiddle.net/HBxNr/1/

看到小提琴

position:relative;
top:50px;