相对定位

Posted ningmengguliang

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了相对定位相关的知识,希望对你有一定的参考价值。

概述

CSS相对定位是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状,它原本所占的空间仍保留。

如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”它的起点进行移动。

html中的代码

技术分享图片

在CSS中的代码

技术分享图片

 

以上是关于相对定位的主要内容,如果未能解决你的问题,请参考以下文章

CSS绝对定位与相对定位的区别?

div绝对定位与相对定位以及float属性?

理解CSS相对定位和固定定位

css中的相对定位与绝对定位的区别

HTML+CSS中关于绝对定位和相对定位定位的优缺点以及该注意的地方,现在最好的定位方式是怎么定位?

定位流和浮动定位