#father {
position: relative;
}
#son1 {
position: absolute;
top: 0;
}
#son2 {
position: absolute;
bottom: 0;
}
这工作,因为position: absolute
手段类似“使用top
,right
,bottom
,left
来定位自己相对于谁拥有最近的祖先position: absolute
或position: relative
”。
因此,我们使#father
have position: relative
和子代都有position: absolute
,然后使用top
和bottom
定位子代。