23-绝对定位

Posted xiang-liang

tags:

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

定位:position
属性:position
描述:设置对象的定位方式
值:
  static 静态定位:页面中的每一个对象的默认值
  absolute 绝对定位:将对象从文档流中分离出来,通过设置left、right、top、bottom 四个方向相对于
  父级对象进行绝对定位。如果不存在这样的父对象,则依据body对象。
  relative 相对定位:对象不从文档流中分离,通过设置left、right、top、bottom 四个方向相对于自身
进行相对定位
  ******当我们要想使用绝对定位时,必须要有两个条件
  【1】、必须给父元素加定位元素,一般建议使用 position:relative;
  【2】、给子元素,加绝对定位position:absolute;同时要加方向属性。

*******相对定位与绝对定位
  绝对定位是以父元素为基准点,进行定位。会脱离文档流。
  相对定位是根据自身为基点,进行定位---离开原位置,但还占着。

******有些html元素有默认边距

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

CSS三个定位——常规浮动绝对定位

Bootstrap 4 对绝对定位元素的响应

绝对定位的输入标签悬停问题

如何集中使用绝对定位的 div 制作的完整网站?

jQuery - 显示滑动面板时动画绝对定位的 div 的“左”位置

讲讲相对定位、绝对定位、固定定位的理解?