在悬停时调整大小时显示另一个div

Question

我在一行中有一些固定宽度和高度的div。 我想增加悬停的宽度和高度，但显示结果div在其他div不发送到下一行

我怎么能用css做到这一点？

我的HTML：

<div class="box"> 
</div> 
<div class="box"> 
</div> 
<div class="box"> 
</div> 

我的CSS：

.box{ 
    float:right; 
    width:173px; 
    height:173px; 
} 

.box:hover{ 
    width:220px 
    height:220px;  
} 

Answer 1

你在找这样的事情？

.box{ 
    float:right; 
    width:173px; 
    height:173px; 
    margin-top:10px; 
} 

.box:hover{ 
    width:220px; 
    height:220px;  
    margin-left:-47px; 
    position:relative; 
} 

编辑：@马尔科姆自己选择的CSS例子：

.box{ 
    float:right; 
    width:200px; 
    height:200px; 
    margin-top:10px; 
    background-color:grey; 
    border:1px solid; 
    margin-top:30px; 
} 

.box:hover{ 
    width:250px; 
    height:250px;  
    margin-left:-25px; 
    position:relative; 
    margin-right:-25px; 
    margin-top:5px; 
    transition:all 200ms ease-in-out 0s; 
} 

http://jsfiddle.net/jxvN6/1/