内联显示时相对定位的元素消失了吗?

Question

我尝试将diplay内联放入相对定位的元素中，这是代码

.parent{
height: 50px;
width: 130px;
background-color: red;
top: 100px;
position: relative;
display: inline;
}

但它只是消失了 我的问题是为什么会这样以及位置和显示之间的关系

Answer 1

位置和显示之间没有联系。但是，就您而言。将display: inline;更改为display: inline-block;，将显示该元素。显示inline元素可以忽略width和height，并且在没有内容的情况下将不可见。