擴大所有div之一div來充分寬度上懸停

Question

我編碼彼此

我怎樣才能使一個DIV僅擴大取包裹的div的整個寬度上懸停和其他5周的div旁6周的div得到底部完全展開DIV

HTML：

<div class="row"> 

<div class="col-md-2" id="discuss_block"> 
div1..... 
</div> 

<div class="col-md-2" id="discuss_block"> 
div2..... 
</div> 

<div class="col-md-2" id="discuss_block"> 
div3..... 
</div> 

<div class="col-md-2" id="discuss_block"> 
div4..... 
</div> 

<div class="col-md-2" id="discuss_block"> 
div5..... 
</div> 

<div class="col-md-2" id="discuss_block"> 
div6..... 
</div> 

</div> 

CSS：

#discuss_block{ 
    background: #FFBC2F; 
    color: #FFF; 
    z-index: 30; 
    top: 0px; 

} 

#discuss_block:hover{ 
width:100%; 
} 

Answer 1

您可以使用float:lefthttp://jsfiddle.net/sfnxkav5/1/

#discuss_block{ 
width:50px; 
float:left; 
background: #FFBC2F; 
color: #FFF; 
z-index: 30; 
top: 0px; 
}