蓝图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/，谢谢您的帮助。

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

Answer 1

1像素边框，230 + 10 + 470 +1+1+1+1= 714

您已经键入了.last类，应该是margin-right:。