藍圖CSS盒子

Question

我目前正在測試出Blueprint來爲網站創建佈局。到目前爲止，它一直很好，但現在我遇到了一個問題，我想知道是否有任何優雅的解決方案。

我使用的是默認的24列布局，並有一個情況我想這樣做類似的東西：

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

問題是，盒類增加導致三個div的不填充適合24列。 一個「解決方案」是用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

你可以改變的 「跨越-7」 CSS規則：

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

而改變的div爲 「跨度7」。

最簡單的事情，我能想到的:)

jsFiddle example。