zoukankan      html  css  js  c++  java
  • <转>定位position的三个属性(relative absolute fixed)

    relative:

    • 生成相对定位的元素,相对于其正常位置进行定位。
    • 元素的位置通过left、right、top、button属性进行规定,可以通过z-index进行层次分级。
    • 元素元素仍保持其未定位前的形状,原本所占的空间仍将保留。
    • 如果没有定位偏移量,对元素本身没有任何影响

    absolute:

    • 生成绝对定位元素。使元素脱离文档流,并相对于其包含块进行定位,包含块可能是文档中的另一个元素或者是初始包含块,
    • 元素原先在正常文档流中所占的空间会会被后面元素占据;
    • 元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框;
    • 绝对定位元素的包含块由离它最近的 'position' 属性为 'absolute'、'relative' 或者 'fixed' 的祖先元素创建。只要父级元素设置了position并且不是static(默认既是static),那么设定了absolute的子元素即以此为包含块(最近的)。如果都没有定义,那么就相对于整个文档body定位(注意不是相对于浏览器窗口定位
    • 相对定位一般都是配合绝对定位元素使用
    fixed:
    • 生成绝对定位元素,相对于浏览器窗口的定位。通常配合z-index一起来使用。比如说网页上悬挂的聊天图标或者广告就是用了fixed
  • 相关阅读:
    PAT 05-树7 File Transfer
    PAT 05-树6 Path in a Heap
    PAT 10-2 删除字符串中的子串
    PAT 10-1 在字符串中查找指定字符
    PAT 10-0 说反话
    PAT 08-2 求矩阵的局部最大值
    PAT 07-3 求素数
    PAT 07-2 A+B和C
    PAT 07-0 写出这个数
    PAT 06-3 单词长度
  • 原文地址:https://www.cnblogs.com/hiker90/p/6819656.html
Copyright © 2011-2022 走看看