<style>
*{
margin: 0;
padding: 0;
}
div{
display: inline-block;
width: 200px;
height: 200px;
background: red;
}
</style>
<body>
<div></div>
<div></div>
</body>
</html>
上面并没写左边距或者右边距为什么中间还有空隙
事实是这样的因为浏览器会认为会把标签当作字符串来解析,上面div有换行浏览器会把这个认为是一个空格来计算所以中间的距离是一个空格的距离。如果想解决掉这个距离可以让2个div的代码紧密的挨着
<style>
*{
margin: 0;
padding: 0;
}
div{
display: inline-block;
width: 200px;
height: 200px;
background: red;
}
</style>
<body>
<div></div><div></div>
</body>
</html>