定位

作者: 仆歌 | 来源:发表于2018-08-27 19:55 被阅读0次

position 属性

  • static 默认值没有定位
  • relative 相对定位
  • absoulte 绝对定位
  • fixed 固定定位

静态 static(默认)

  • 没有定位,以标准流显示

相对定位 relative

  • 参考点是元素自己原来的位置
    • 偏移设置: top left right bottom
  • 相对定位的实际应用:
    • 微调位置
    • 和绝对位置配合,作为定位基准点

绝对定位 absolute

  • 偏移设置: top left right bottom
  • 绝对定位的特性
    • 绝对定位元素脱离标准文档流
    • 绝对定位的参考点

距离最近的具备定位特性的祖先元素
祖先元素都没有定位时,以页面和浏览器窗口为基准

固定定位 fixed

  • 固定定位的参考点是浏览器窗口
  • 固定定位元素脱离标准文档流
  • ie低版本不支持

相关文章

  • 定位,定位,还是定位

    要想成为一个好的文字的输出者,首先要给自己一个合理的定位。定位可以首先想象自己想成为的角色:一个能够通过各种故事启...

  • 10-CSS定位流

    定位流 定位流分类相对定位绝对定位固定定位静态定位 相对定位 什么是相对定位?相对定位就是相对于自己以前在标准流中...

  • CSS中的几种定位

    CSS中常用的定位有 普通定位,相对定位 绝对定位、fixed定位 浮动 1、普通定位和相对定位 css中的元素有...

  • 2017-02-23 CSS 学习笔记

    定位流 定位流分类 相对定位 绝对定位 固定定位 静态定位 什么是相对定位相对定位就是相对于自己以前在标准中的位置...

  • #30天专注橙长计划#品牌定位30(6)营销推广1

    品牌定位的维度包括: 市场定位、价格定位、形象定位、地理定位、人群定位、渠道定位等; 经过前期大量的市场调研工作,...

  • D28:系统地图, 高德地图

    目录一. 定位功能 iPhone手机定位(基站定位, WiFi定位, GPS定位: 定位所需时间递增, 精确度递增...

  • 相对定位、绝对定位和固定定位

    1. 相对定位 定位有三种:相对定位,绝对定位、固定定位。 相对定位: position:relative lef...

  • 定位流

    定位流指的是:相对定位(relative)/绝对定位(absolute)/固定定位(fixed) 不包括静态定位(...

  • CSS补充2

    定位position 定位分为四种:相对定位 relative,绝对定位 absolute,固定定位 fixed,...

  • 定位

    1、static定位(普通流定位) -------------- 默认定位 2、float定位(浮动定位) 例:f...

网友评论

      本文标题:定位

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