美文网首页
绝对定位理解

绝对定位理解

作者: shoage | 来源:发表于2019-02-15 11:27 被阅读1次

    1.绝对定位不区分块级/行内/行内块级,统一视为块级元素,可设置宽高,宽度默认为内容的宽度

    2.绝对定位默认情况下,元素位置在正常文档流中的位置,但脱离了文档流,不占据文档流的位置

    3.元素如果存在宽度left和right只能设置一个,都设置的话只有left起作用,元素如果存在高度同理top和bottom也只有一个起作用,都设置只有top起作用,但是如果没有显示的设置width和height,则可以通过left、right、top以及bottom来计算出width和height

    4.默认情况下,无论绝对定位元素有没有祖先元素,都以body为参考点,此时是以网页首屏(body很大的话可以理解为第一页,不论水平方向还是垂直方向)尺寸为参考点

    5.如果一个绝对定位元素有祖先元素,且祖先元素也是定位流(相对定位、绝对定位、固定定位),这里静态定位(静态定位其实就是元素的默认定位方式即不设置postion属性时)除外,那么该元素的会以这个祖先元素作为参考点,如果存在多个祖先元素都是定位流情况,按照就近原则,最近的祖先元素为参考点

    6.绝对定位元素会忽略祖先元素的padding属性

    7.绝对定位元素水平居中,只要设置left为50%,margin-left为负宽度的一半即可

    相关文章

      网友评论

          本文标题:绝对定位理解

          本文链接:https://www.haomeiwen.com/subject/kiqpeqtx.html