<分区>
当我对我的 div 使用 display = inline-block 时，这两个框之间有一个间隙。谁能告诉我为什么会这样，我怎样才能消除差距？
* {
margin: 0;
padding: 0;
}
.first {
height: 100px;
width: 100px;
border: solid 1px black;
display: inline-block;
}
.second {
height: 100px;
width: 100px;
border: solid 1px black;
display: inline-block;
}<div class="first"></div>
<div class="second"></div>最佳答案
使用float: left;
* {
margin: 0;
padding: 0;
}
.first {
height: 100px;
width: 100px;
border: solid 1px black;
display: inline-block; float:left
}
.second {
height: 100px;
width: 100px;
border: solid 1px black;
display: inline-block;float:left
}
关于html - 为什么 DIV 内联 block 框之间有间隙空间？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38634631/