2

負の margin-bottom を使用して、同じ高さの n DIV を取得します (この方法を使用します: http://abcoder.com/css/css-equal-height-columns "Three column layout – equal height using pure CSS")

しかし、これはアンカー リンクでは機能しません。

div の上部が消えます。

ここに私の例があります: http://club-scpi.com/bug.php

これはとても奇妙です！何が欠けていますか？

4

2 に答える 2

4

これはバグではなく、html と css が意図したとおりに動作します

 #container {
    overflow: hidden;
 }

div内のコンテンツを（アンカーポイントに移動するように指示された場合）スクロールアップさせています

 <a name="test">

オーバーフローが非表示に設定されているため、消えているように見えます。まさに「隠し」

への変更

   #container {
     overflow: auto;
   }

そして、あなたは何が起こっているかを見るでしょう。

余談ですが、私は同じ高さの div を作成するためのこの提案された方法のファンではありません (理由の 1 つは、あなたが今強調したことです)、すべては特定のジョブが何であるかに依存します。

代替手段は次のとおりです。マークアップを設定する前に、背景色、% の高さ、px の高さ、またはファブと事前のコンテンツ デザインの考慮事項を使用します。

次に、javascript があり、サイズの点であちこちのボックスをフォローアップして片付けることができます (これも調べる価値があります)。

...常にできるだけシンプルに保ちます。

于 2012-05-15T22:56:48.803 に答える
0

フッターに負のマージンがあり、固定リンクがページの上部を切り刻み、クリックすると下部に移動するという同じ状況がありました。持っていた

フッター内に著作権情報を含むタグを付け、負のマージンを から に移動しました

そして魅力のように働きました。この状況に直接当てはまるかどうかはわかりませんが、誰かを助けるかもしれません.

于 2012-07-29T22:18:47.763 に答える