相对定位的元件相对于其正常位置定位。顶部,右侧,底部和左侧 属性可用于指定渲染框的移动方式。
html:
< p > 我是一段< span >快乐</ span > 的文本</ p > |
CSS:
p { width : 350px ; border : 1px black solid ; position : fixed ; } span { background : green ; color : white ; position : relative ; top : 150px ; left : 50px ; } |
结果:相对定位元素的内容可以移动并与其他元素重叠,但元素的保留空间仍保留在正常流程中。