リストとコメントフィールドがあります。コメントフィールドはページの下部に固定
されています。リストが長い場合はページスクロールが適用されます。
リストの下部が常にコメント フィールドの上部から垂直方向に一定の距離にあるようにしたいと考えています。もちろん、margin-bottom
属性を .meaning
クラス (リストを形成する) に適用できますが、コメント フィールドに 2 行または 3 行のテキストが含まれている場合 (つまり、マージンの設定が高すぎると言われました)。
したがって、私の意見では、margin-top
を comment フィールドに設定する方が合理的です。ただし、おそらくコメント フィールドの z-index: 1
属性が原因で、margin-top
も機能しません。
念のため、JS Bin をここに示します。
リーリー リーリー
代わりに
position:sticky
を使用すると、要素がフロー内に残るため、簡単にmargin-top
を設定できます