23-绝对定位

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

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

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

猜你喜欢

转载自www.cnblogs.com/xiang-liang/p/12545569.html