Tag Archives: 介绍

昨天看了这个属性， 刚开始对照网上的解释看有点云里雾里， 不过小平同志有句话说的好， 实践是检验真理的唯一标准，那咱们就来动手实践看一下！ 首先，position支持这么几个属性值的设置 absolute(绝对定位) fixed(绝对定位， 以浏览器窗口为基础) relative(相对父窗口定位) static(默认的，在文档流中) inherit(继承父元素中设置的属性值) 咱们先来看一下absolute 在说到absolute之前就要先说一下文档流， 文档流， 简单点理解就是， 一段div， 或者一段表格， 自上而下， 从左到右， 有序排列，absolute的作用就是让某一元素脱离文档流， 然后再通过top,left,right,bottom对元素位置进行从新设置。 它遵从两个基本原则 原则1： 父级设置了position属性， 则当前定位根据父级position里的属性值进行定位。 原则2： 父级没有设置position属性， 则当前从浏览器的左上角开始定位。