2019-08-27 | 8461

相对定位

相对定位的元件相对于其正常位置定位。顶部,右侧,底部和左侧 属性可用于指定渲染框的移动方式。

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;
}  

结果:相对定位元素的内容可以移动并与其他元素重叠,但元素的保留空间仍保留在正常流程中。

此值不能用于 表格单元格 columns, column groups, rows, row groups, or captions.

0

发表评论

    评价:
    Rich Text Editor
    最新评论