css - グラデーションをシームレスに継続する navbar-inner の下に div を作成します

Question

ブートストラップを使用して Web サイトを開発しており、ヘッダーは navbar-inner クラスです。

一部のページでは、別のクラスの別の div を navbar-inner のすぐ下に配置する必要があり、ユーザーがヘッダーの続きであると感じるように、同じグラデーションをシームレスに使用し続けたいと考えています。

おそらく、navbar-inner のグラデーションを計算し、その終了色で始まる別のグラデーションを作成する方法を見つけることができますが、navbar と他の div の両方の高さが動的に変化するため、これは見栄えがよくありません。

動的な数の div 要素全体でグラデーション スタイルを組み合わせる良い方法を提案できる人はいますか?

ありがとうございました

Answer 1

@Ana が提案したのと同じように、最も簡単な方法はそれらを 1 つの要素にまとめることだと思います。それらをネストするのではなく、両方を親 div の兄弟としてラップし、目的のスタイルを設定します。そうすれば、特定のページに 2 番目の div を含めるかどうかに関係なく、グラデーションと高さが自動的に調整されます。