Question

CSS中position:relative的问题

.dropdown {
position: relative;
display: inline-block;
}

.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
padding: 12px 16px;
z-index: 1;
}
这串代码中position：relative后面也没有接left或者方向之类的，到底是怎么相对定位的，搞不懂。

Answer 1

相对定位是说相对自身原来所在的位置，如果没有设置left或top或margin，它就是在原位置，如果设置了，就相对原位置进行偏移，比如设置left为10px，就相对原来位置往右10px单位，另外子元素的定位是相对该元素的位置的，子元素会一直往祖先元素找，如果祖先元素有设置定位，就会参考该祖先元素去定位，如果没有，就找到根元素HTML或body进行定位。