この記事では、CSS3の新しい属性ボックスサイジングを使用して、幅を設定する問題を解決する問題を紹介します。
文法ボックスサイズ：コンテンツボックス|値1。コンテンツボックス
これは、CSS2.1で指定された幅の高さです。
幅と高さは、要素のコンテンツボックスに適用されます。
幅と高さの外側の要素の内部とフレームを描きます。
値2、ボーダーボックス要素の幅と高さは、要素の境界ボックスを決定します。
つまり、要素に指定された内部距離と境界線は、設定された幅と高さ内で描画されます。
コンテンツの幅と高さは、設定された幅と高さから境界と内部の距離を差し引くことで得ることができます。
値III規制は、親要素からボックスサイジング属性の値を継承する必要があります。
例<！注文箱 - border-box * / webkit-sizing：border-boxed：100％： ;パディング：15px;} </style> </head> <body> <div class = container> <box>このdivは左半分になります。 </div> </div> </body> </html>要約します
上記は、この記事のすべての内容が、すべての人の学習や仕事をするのに役立つことを願っています。