Css 展开所有div中的一个div，以在悬停时获得全宽

我把6个字母编码在一起

我怎样才能使一个div只扩展到悬停时的包装div的全宽，而另5个div在底部到完全扩展的div

html:

---

您可以使用

float:left

---

ID必须是唯一的。。。改用类名

<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>

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

}

#discuss_block:hover{
 width:100%;  
}

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