固定位置の Div に親の幅を継承させるにはどうすればよいですか?

位置決めされた固定 Div の相対幅

固定位置の div を親 div の全幅に設定しようとすると、いくつかの課題が発生します。生じる可能性があります。問題を調査して解決策を見つけてみましょう。

問題の説明

提供された例では、固定位置を持つ div は親の幅を継承していません。代わりに、ウィンドウ全体の幅に拡張されます。

解決策

これを解決するには、CSS プロパティ width: 親 div 内の任意の内部 div に継承を適用​​します。 。これにより、固定 div に親から幅を継承するように指示されます。

#container {
    width: 800px;
}

#fixed {
    position: fixed;
    width: 100%;
}

#fixed div {
    width: inherit;
}

実装

width:継承をサポートしていないブラウザの場合は、JavaScript ソリューションの使用を検討してください。 。古いブラウザではこれが必要になる場合があります。

以上が固定位置の Div に親の幅を継承させるにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。