0

私はプロキシ サイトを設定している途中で、各ページの上部に小さなヘッダーを追加しようとしています (約 40 ピクセル、テキスト ボックスでユーザーが閲覧している Web サイトを変更できるようにするのに十分です)。プロキシ)。残念ながら、これまでに試したことはすべて、ページの上部をカバーする既存のページの上にヘッダーを配置します。ページの上にヘッダーを配置し、ページのすべてのコンテンツを 40px 下に移動する方法を見つけようとしています。どんな助けでも大歓迎です。

ありがとう。

PS 最も問題を引き起こしていると思われるコンテンツは、絶対にページの上部に配置されているコンテンツであることがわかりました。

4

3 に答える 3

0

HTML が表示されない場合、私たちは盲目的に飛んでいますが、あなたの説明に基づいて、body 要素の直接の子が絶対的に上部に配置されているサイトを持っていると思います。私が追求する解決策には、それらの直接の子を相対的に配置された div (またはセクション) でラップし、その div の上に新しいコンテンツを挿入するだけです。

あなたの構造は

<body>
   <div>this is absolutely positioned</div>
</body>

に

<body>
    <div>this is your new header</div>
    <div class="relatively position wrapped">
        <div>this is absolutely positioned</div>
    </div>
</body>

これにより、新しいコンテンツがその後に続くコンテンツの配置に影響を与えることができます。

あなたが見ている問題は、絶対に配置された要素がドキュメント フローに配置されていないという事実に基づいているため、最適な制御のために、ドキュメント フローに影響を与え、周囲の要素によって影響を受ける相対的に配置された要素に配置します。 .

問題のある要素がすべて上部に配置されている場合は、それぞれに style="top: 40px" のようなスタイル属性を与えることができます (さらに良いのは、css で行うことです)。

問題のある要素をラップしたいが、html を台無しにしたくない場合は、jquery を使用できます。

jQuery(body).innerWrap('<div style="position: relative;"></div>');
jQuery(body).prepend('<div>your new content</div>');
于 2013-04-05T17:33:25.623 に答える
0 
<br clear="all" />

新しい div の下に配置し、サイトのトップバーを上に配置するすべてのコンテンツの上に配置します

于 2013-04-03T22:41:52.043 に答える