caixas de bloco embutido que não cabem no contêiner [duplicado]
Esta pergunta já tem uma resposta aqui:
Como removo o espaço entre os elementos de bloco embutido? 37 respostasNão tendo certeza do que estou fazendo de errado, pensei que, adicionando uma caixa de borda, caberia perfeitamente nessas 4 caixas.
http://jsfiddle.net/jzhang172/x3ftdx6n/
.ok{
width:300px;
background:red;
height:100px;
box-sizing:border-box;
}
.box{
display:inline-block;
box-sizing:border-box;
width:25%;
border:2px solid blue;
height:100%;
}
<div class="ok">
<div class="box">1</div>
<div class="box">2</div>
<div class="box">3</div>
<div class="box">4</div>
</div>