検索

ホームページ  >  に質問  >  本文

`margin` 属性を `fixed` 要素と `z-index: 1` に適用します。

リストとコメントフィールドがあります。コメントフィールドはページの下部に固定されています。リストが長い場合はページスクロールが適用されます。

リストの下部が常にコメント フィールドの上部から垂直方向に一定の距離にあるようにしたいと考えています。もちろん、margin-bottom 属性を .meaning クラス (リストを形成する) に適用できますが、コメント フィールドに 2 行または 3 行のテキストが含まれている場合 (つまり、マージンの設定が高すぎると言われました)。

したがって、私の意見では、margin-topcomment フィールドに設定する方が合理的です。ただし、おそらくコメント フィールドの z-index: 1 属性が原因で、margin-top も機能しません。

念のため、JS Bin をここに示します。

リーリー リーリー

P粉986028039P粉986028039532日前746

全員に返信(1)返信します

  • P粉605233764

    P粉6052337642023-09-18 11:55:11

    代わりに position:sticky を使用すると、要素がフロー内に残るため、簡単に margin-top を設定できます

    リーリー リーリー

    返事
    0
  • キャンセル返事