ホームページ >ウェブフロントエンド >CSSチュートリアル >親コンテナと一致するように固定位置の Div の幅を設定するにはどうすればよいですか?

親コンテナと一致するように固定位置の Div の幅を設定するにはどうすればよいですか?

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-11-19 12:45:03418ブラウズ

How Can I Set the Width of a Fixed Positioned Div to Match its Parent Container?

位置決めされた固定 div の幅の設定に関する問題

「位置: 固定」div に 100% の幅を割り当てようとしました、要素がブラウザ ウィンドウまたはドキュメントの幅を採用し続ける場合、ジレンマが発生します。特定の幅で親 div を定義しているにもかかわらず、固定 div はそれに準拠できません。

この問題を修正するには、親 div 内にネストされているすべての div にスタイル属性「width:inherit」を適用します。この解決策は、次の HTML および CSS コードで示されています。

<div>
#container {
    width: 800px;
}

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

#fixed * {
    width: inherit;
}

固定 div の子要素に「width:inherit」を指定することで、親要素の幅を継承し、確実に位置合わせします。意図した寸法で。

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。