在懸停時調整大小時顯示另一個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/