CSSの幅は「コンテナ空き容量」ですか？

Question

私は例があります。

HTMLは：

.root 
    width: 400px 
    padding: 0 10% 
    .pc25 
    width: 25% 

今、 'PC25' クラスでdivの幅それぞれの100pxにあります：

.root 
    .pc25 
    .pc25 
    .pc25 
    .pc25 

(inside class 'pc25' has contents) 

さて、CSSで私が持っています。私がカムの幅を90ピクセルにする方法はありますか？ （360/4 = 90）

Answer 1

divの全幅の代わりに "コンテンツボックス"だけを使用する方法はありません。

あなたはCSS3を使用していて、そして、あなたがwidth: calc(25% - 10px)

を行うことができますcalc()機能（スペックhere）

を使用しかし、あなたが見ることができるようにすることができ下位ブラウザの互換性を心配する必要がない場合は...あなたの要素を割り当てる割合を手動で調整することが賢明かもしれません。埋め込みが常に要素幅の10％を占めることがわかっている場合、私はあなたの小さなdivのそれぞれから2.5％を減算します。だから、25％すべてを与えるのではなく、2.5％を与えるだろう。あなたの親が400pxの場合、これはすべてを10px縮小します。

これに加えて、これは対応策です。すべてそれを行う良い方法の周り。残念ながら、この時点でパディングのために％sizeを手動で調整する必要があります。

編集：あなたの詰め物が根の10％なので...これはやわらかくなりました。応答性の高いソリューションをお探しの場合は、パディングの設定方法を調整する必要があります。