CSS 相对定位

作者: 黄一倚 | 来源:发表于2018-11-17 13:00 被阅读8次

CSS相对定位:relative

特点:

1、相对于原来的位置进行定位(把原来的位置做为参考点)

2、元素在原来文档流的位置还会被保留(元素进行相对定位后对文档流中的元素没有影响)。

注:相对定位可以理解为完全脱离文档流,但是实际上进行定位的属性还是在文档流中的。

举个例子:

   定位前
image

相对定位后

image

相关文章

  • CSS中的几种定位

    CSS中常用的定位有 普通定位,相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...

  • CSS 相对定位

    CSS相对定位:relative 特点: 1、相对于原来的位置进行定位(把原来的位置做为参考点) 2、元素在原来文...

  • CSS 相对定位

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

  • CSS 相对定位

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

  • 定位层

    一,定位层 概念 css属性 特点 二,绝对定位和相对定位 绝对定位和相对定位的区别

  • 二十,CSS定位概述与相对定位

    CSS定位:position:relative(相对)/absolute(绝对)/ static(无定位)/ fi...

  • 关于CSS定位

    在CSS中关于定位的内容是:position:relative(相对定位)absolute(绝对定位) ...

  • HTML+CSS:css定位详解之相对定位、绝对定位和固定定位

    HTML+CSS:css定位详解之相对定位、绝对定位和固定定位 大鹏学前端 发布时间:18-12-1820:36 ...

  • CSS相对定位(position)

    CSS定位方式有:相对定位(relative)、绝对定位(absolute)和固定定位(fixed) positi...

  • 【第64天】浮动,定位

    1 浮动的副作用 html代码 css代码 2绝对定位,相对定位,固定定位 html css 3 利用z-inde...

网友评论

    本文标题:CSS 相对定位

    本文链接:https://www.haomeiwen.com/subject/znibfqtx.html