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

最新推荐文章于 2023-11-15 17:07:12 发布

编号897570

最新推荐文章于 2023-11-15 17:07:12 发布

阅读量435

点赞数

文章标签： CSS jsp

本文链接：https://blog.csdn.net/chenxiaomingjiayou/article/details/84178040

版权

<div class="fenlei" id="d0" οnclick="changecolor('d0')">标准</div>
<div class="fenlei" id="d1" οnclick="changecolor('d1')">10M</div>
<div class="fenlei" id="d2" οnclick="changecolor('d2')">30M</div>
<div class="fenlei" id="d3" οnclick="changecolor('d3')">70M</div>
<div class="fenlei" id="d4" οnclick="changecolor('d4')">150M</div>
<div class="fenlei" id="d5" οnclick="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位置就变了