blueprint css没有内联两个div

Question

尝试使用蓝图css框架，但无法理解为什么会发生这种情况。 我有html：

<div class="span-18">
    <div class="span-6"></div>
    <div class="span-12 last"></div>
</div>

和CSS：

 .span-18 {
    width: 710px;
    margin: 0 auto;
    border:1px solid red;
    height:300px;
 }
 .span-6 {
    float:left;
    width: 230px;
    margin-right:10px;
    border:1px solid blue;
    height:100px;
 }
 .span-12 {
    float:left;
    width: 470px;
    margin-right:10px;
    border:1px solid green;
    height:100px;
 }
 .last{
     margin-rigth:0px;
 }

但是内部的两个div不是内联的。你可以看看http://jsfiddle.net/GVMFU/3/ 谢谢你的帮助。

更新：：宽度710 = 230 + 10 + 470它们应该是内联的？

Answer 1

1个像素边界，230 + 10 + 470 + 1 + 1 + 1 + 1 = 714

你已经在.last课程中输了错误，应该是margin-right:。