css - 缩放后删除 while space

Question

在下面的代码中，divright 和 divright2 之间有太多空白。我该如何解决这个问题？

<div id="leftdiv"></div>
<div id="rightdiv"></div>
<div id="rightdiv2">This should start quick under rightdiv</div>
<div style="clear:both;"></div>

CSS

#leftdiv{
    height:300px;
    width:100px;
    background-color:blue;
    float:left;
}
#rightdiv{
    height:300px;
    width:100px;
    background-color:red;
    float:right;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
}
#rightdiv2{
    clear:right;
     float:right;   
}
}

可以在 http://jsfiddle.net/4Msr6/ 看到输出

Answer 1

我知道晚了。但我正在回复，以便这对遇到同样问题的人有帮助

#leftdiv{
    height:300px;
    width:100px;
    background-color:blue;
    float:left;
}
#rightdiv{
    height:300px;
    width:100px;
    background-color:red;
    float:right;
    -webkit-transform: scale(0.7);
    -moz-transform: scale(0.7);
    -ms-transform: scale(0.7);
    transform: scale(0.7);
    -webkit-transform-origin: top center;
    -moz-transform-origin: top center;
    transform-origin: top center;
    **margin-bottom: -90px;**
}
#rightdiv2{
    clear:right;
     float:right;   
}
}

http://jsfiddle.net/4Msr6/10/