div边距和宽度尺寸

Question

我不擅长CSS，我想定义div位置。

当你点击div元素时，我会添加＆＃34;选择＆＃34;用javascript上课。但我对宽度有疑问。

我该如何解决？

CodePen Demo

.insideDiv {
    width: 210px;
    margin : 15px;
    float:left;
    height: 210px;
    overflow: hidden;
    background: no-repeat center center;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
}

div.selected {
    border: 5px solid #25a9e6;
}

.container{
    margin: 0px auto;
}

Answer 1

使用toggleClass或addClass

$('.insideDiv').click(function(e) {  
    $(this).toggleClass('selected');
});

这里是我的例子Code

Answer 2

向div添加5px边框，在每个方向上将div的尺寸扩展5px。我相信您要将box-sizing: border-box;添加到.insideDiv。这样，边框不会改变div的尺寸。