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-绝对定位的主要内容,如果未能解决你的问题,请参考以下文章