css - css を使用してタグの上に div タグを重ねて配置する

Question

2 つのタグで構成される次のコードがあります。.navとwithとbelowで一番上.pageに配置したい。プロパティを使用せずにこれを行うにはどうすればよいですか?.navposition: fixed.page.navmargin

ここに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 を表示します。追加の利点は、「ページ」要素内のすべての絶対配置要素が、ブラウザのビューポートではなく、ページ要素の左上隅として「left:0px;top:0px」を参照することです。

http://jsfiddle.net/HBxNr/1/でフィドルを参照してください。

position:relative;
top:50px;