マージンを維持しながら Div を 100% の幅にするにはどうすればよいですか?

幅とマージンを 100% にして div を表示する

マージンを維持しながら幅 100% で div を表示しようとすると、特定の CSS プロパティが

提供されたコードでは、HTML 構造にコンテナが含まれています。 div (#page) と、必要な 100% の幅とマージンを持つ内部 div (#margin)。ただし、要素をフローティングにしてその幅を 100% に設定すると、内部 div がコンテナの幅を超える可能性があります。

これに対処するには、CSS 関数 calc() を利用できます。更新された CSS コード:

この式は、使用可能な幅から 10 ピクセル (必要なマージン幅) を減算し、指定されたマージンを尊重しながら内部 div がコンテナ内で完全に拡張できるようにします。

マージンを使用する代わりに、パディングと box-sizing: border-box プロパティを使用することもできます。 box-sizing を border-box に設定すると、パディングが合計幅に含まれ、div 内の幅とマージンの両方が収容されます:

これらの解決策のいずれかを実装することで、表示が可能になります。必要なマージンを維持しながら幅 100% の div。

以上がマージンを維持しながら Div を 100% の幅にするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。