关于行内块元素的margin-top疑惑?

<body>

<div class="item></div>
<div class="item></div>  

</body>

.item {

display: inline-block;
width: 100px;
height: 100px;

}
.item:nth-child(2) {

margin-top: 100px;

}

为什么把第二个item的margin-top设置为100px,另一个item的也会跟着移动?

阅读 2k
1 个回答
这是一组行内块元素的默认特性,行内块元素结合了行内元素和块级元素共同特性;默认vertical-align: initial;是默认的,如果不行让相邻行内块下沉,设置这个属性即可vertical-align
推荐问题