css - ブループリント CSS ボックス

Question

現在、サイトのレイアウトを作成するためにブループリントをテストしています。これまでのところ順調に進んでいますが、エレガントな解決策があるかどうか疑問に思っている問題に遭遇しました。

デフォルトの 24 列のレイアウトを使用しており、次のようなことをしたい状況があります。

<div class="span-8 box">..</div>
<div class="span-8 box">..</div>
<div class="span-8 box last">..</div>

問題は、box-class がパディングを追加して、3 つの div が 24 列に収まらないことです。1 つの「解決策」は、3 つすべての代わりに span-7 を使用することですが、これは幅全体を埋めません。

何か案は？

Answer 1

クラスは次のように使用できます。

<div class="span-8">
    <div class="box">..</div>
</div>
<div class="span-8">
    <div class="box">..</div>
</div>
<div class="span-8 last">
    <div class="box">..</div>
</div>

Answer 2

「span-7」CSS ルールを変更できます。

...
.span-7 {width:274px;}
...

div を「span 7」に変更します。

私が考えることができる最も簡単なこと:)

jsFiddle の例。