zoukankan      html  css  js  c++  java
  • 绝对定位和相对定位

    一、相对定位

    1.相对于自身原有位置进行偏移。

    2.仍处于标准文档流中(占据文档中的位置)。

    3.随即拥有了偏移属性和z-index属性。

    二、绝对定位

    1.建立了以包含块为基准的定位。

    2.完全脱离了标准文档流。

    3.随即拥有了偏移属性和z-index属性。

    4.div宽度会随着内容的改变而改变,类似于浮动。

    绝对定位分为未设置偏移量和设置了偏移量的两种类型。一般设置绝对定位会把其祖先元素设置为相对定位,这样可以让其稳定一些,因为相对定位是没有脱离文档流的。

    未设置偏移量特点:

         1.无论是否存在已定位的祖先元素,都保持在元素的初始位置。

         2.脱离了标准文档流。

    设置了偏移特点:

         1.无已定位的祖先元素,会以html(根节点)为参照基准。

         2.有已定位的祖先元素,以距其最近的已定位的祖先元素为偏移参照基准。

    努力吧,为了媳妇儿,为了家。。。
  • 相关阅读:
    双反斜杠引发的正则表达式错误
    表单验证的前端验证后端验证
    html中的select下拉框
    hibernate需要注意的点
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
    星空雅梦
  • 原文地址:https://www.cnblogs.com/jlj9520/p/5220193.html
Copyright © 2011-2022 走看看