定位

一、定位

  1、定位的三要素

    position  top  left (right  bottom)

  2、定位的分类

    1》static:静态定位(元素定位的默认方式,说明元素定位在静态位置,即文档流或者标准流中的默认位置)

    2》relative:相对定位(相对于自己做的定位。作用:做一些位置的微调;配合绝对定位来使用。

          特点:相对定位的元素不脱标,之前的位置仍然占有) 

    3》absolute:绝对定位(特点:脱标,不占位置。一般是子绝父相。如果父元素不是定位元素,那么就会找爷爷,再不成就一直往上找,知道找到了为止,或者是body)

    4》fixed :固定定位(特点:脱标;参考点是浏览器的窗口;ie6不支持)

二、关于left top right bottom的值可以是实际的px值,也可以是百分比,而百分比是相对于他们的参考元素的宽高的。

posted @ 2019-03-13 20:15  DHR~小白  阅读(194)  评论(0编辑  收藏  举报