`margin` 属性を `fixed` 要素と `z-index: 1` に適用します。
P粉986028039
P粉986028039 2023-09-17 21:44:03
0
1
671

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

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

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

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

リーリー リーリー

P粉986028039
P粉986028039

全員に返信(1)
P粉605233764

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

リーリー リーリー
いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート