相对定位的元素需要满足以下条件：
1. 父元素必须使用相对定位。
2. 子元素必须使用绝对定位。
3. 子元素的定位方式必须是相对定位。
4. 父元素必须使用CSS中的position属性为 relative。
在HTML中，相对定位可以通过在父元素的id属性中使用绝对定位的方式实现。例如：
“`html
<div id=”parent”>
<div id=”child”></div>
</div>
在CSS中，可以通过设置父元素的position属性为 relative，同时设置子元素的position属性为 absolute，来实现相对定位。例如：
“`css
#parent {
position: relative;
#child {
position: absolute;
top: 50px;
left: 50px;
通过这种方式，父元素中的子元素就可以按照要求在文档中定位了。例如，如果要求子元素在页面的最右侧，可以这样设置：
“`css
#child {
top: 0;
left: 50%;
transform: translateX(-50%);
这样，子元素就会在父元素的最右侧。
相对定位是HTML和CSS中常用的一种定位方式，可以让元素在文档中按照一定的规则定位，从而实现特定元素的特定位置。在实际应用中，相对定位的使用频率很高，可以大大提高网站的布局效率。