0

基本的に、ナビゲーションバーとタイトルがあり、どちらもプロパティ position: fixed; を持っています。上: (挿入した値); 私の問題は、ドキュメントの本文を書くときに、テキストがタイトル/ナビゲーションバーの下にあることです。タイトルとナビゲーションバーの下にテキストを配置する必要がありますが、固定位置はありません。コードに関する情報がさらに必要な場合は、コメントしてください。前もって感謝します。

4

3 に答える 3

3

メインコンテンツエリアに適用

#content {
    margin-top: YOUR HEADER HEIGHT
}
于 2012-07-07T20:56:25.410 に答える
1

これを行う最善の方法は、バーの後にサイト全体を配置することです。これは、div のようなコンテナーで本体と呼ばれるものです。これにより、自由に操作したり、将来のニーズに合わせてカスタマイズしたりできます.

高さをピクセル単位で測定します。Firefox用のWeb開発者拡張機能をインストールしてから、 Firefoxを再起動し、下の画像で示されているオプションをクリックして、定規を使用します。

図のように [Miscellaneous] をクリックし、[DISPLAY RULER] を有効にします。 ここに画像の説明を入力

次に、クリックしてドラッグして測定し、表示されている高さと幅を取得します

ここに画像の説明を入力

于 2012-07-07T20:57:02.500 に答える
1

まず、メイン コンテンツ領域を div でラップし (例: id="wrapper")、次に CSS を適用します。

html は次のようになります。

<div id="wrapper">
<p class="title">About</p>
<h6 class="bottom"><marquee>This page is the about page of 'Fred's Page'</marquee></h6>
<p class="body">Main body of document. At the moment it's in a fixed position.</p>
</div>

そしてCSS：

#wrapper{
margin-top: 25px; //your actual navigation bar height. (as @Zoltan Toth suggested)
}
于 2012-07-07T21:02:12.473 に答える