这个问题在这里已有答案:
我的边距之间有这个奇怪的空间,甚至使用边距和所有元素的填充为0。任何人都可以帮我理解Chrome中的这种行为吗?
谢谢!
https://jsfiddle.net/rzby6mj7/3/
HTML:
<div class="parent">
<div class="child child-1">ONE</div>
<div class="child child-2">TWO</div>
</div>
CSS:
*{
margin: 0;
padding: 0;
}
.parent{
background-color: pink;
height: 200px;
}
.child{
font-size: 30px;
width: 40%;
display: inline-block;
}
.child-1{
background-color: grey;
}
.child-2{
background-color: yellow;
}
这是因为你的两个div之间的换行符。这应该做的工作
<div class="child child-1">ONE</div><div class="child child-2">TWO</div>
or
<div class="child child-1">ONE</div
><div class="child child-2">TWO</div>