一排div并列摆放，怎么用CSS解决其中一个div边框加粗以后，其他的div位置不变。。。

<div class="fenlei" id="d0" onclick="changecolor('d0')">标准</div>
<div class="fenlei" id="d1" onclick="changecolor('d1')">10M</div>
<div class="fenlei" id="d2" onclick="changecolor('d2')">30M</div>
<div class="fenlei" id="d3" onclick="changecolor('d3')">70M</div>
<div class="fenlei" id="d4" onclick="changecolor('d4')">150M</div>
<div class="fenlei" id="d5" onclick="changecolor('d5')">500M</div>


点击div之前的样式
.fenlei{
width:auto;

float:left;
border:1px solid gray;
padding:5px;
height:25px;

margin-left:10px;
margin-top:10px;
}

点击div之后的样式
.fenlei2{
float:left;
border:2px solid red;
width:auto;
padding:5px;
height:25px;

margin-left:10px;
margin-top:10px;

}
就是边框加粗了，颜色变了。但是边框加粗以后，其他的div位置就变了