2

border-boxCSSで作業する方法について混乱しています。

基本的に、2 つの div を隣り合わせに配置します。左側#sidebarは固定幅で、ページの残りの部分 (#results要素) はテキストで占められています。

これを行うには、両方の div を左にフロートさせ、220px の固定幅を使用し、要素に、、#sidebarおよび を設定します。width: 100%left-margin: 220pxbox-sizing: border-box#results

ただし、この要素は 220 ピクセルもあり、まったく適用されていない#resultsように見えます。box-sizing

この JSFiddle は私の問題を示しています: http://jsfiddle.net/m8KFe/3/

4

1 に答える 1

4

このborder-box値は、パディングと境界領域のみを制限します。マージンは考慮されません。

Basic UI Moduleから取得:

ボーダーボックス

つまり、要素に指定されたパディングまたは境界線は、この指定された幅と高さの内側に配置および描画されます。コンテンツの幅と高さは、指定された 'width' と 'height' プロパティからそれぞれの辺のボーダーとパディングの幅を差し引いて計算されます。

于 2013-08-01T12:48:26.343 に答える