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/

缩放后删除空格

1 个答案: