码迷,mamicode.com
首页 > 其他好文 > 详细

23-绝对定位

时间:2020-03-22 13:50:44      阅读:70      评论:0      收藏:0      [点我收藏+]

标签:页面   body   relative   stat   一个   属性   绝对定位   自身   建议   

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

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

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

23-绝对定位

标签:页面   body   relative   stat   一个   属性   绝对定位   自身   建议   

原文地址:https://www.cnblogs.com/xiang-liang/p/12545569.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!