1. staitic:该值符合文档的初始排版,其中设置的与位置有关的值不起作用。
2.relative 该值的偏移量,是在文档初始排版的基础上进行排版,并且覆盖顺序是最新输出的在最上面
3.absolute该值元素的定位是以网页文档左上角位基准,并且不会影响其他元素,也不占据正常文档的空间。当其中未设置偏移量时,其输出在下一个元素的位置,但不影响下一个元素出现在该位置。
4.fixed 该元素定位与absolute完全相同,但是其元素始终显示在最上层
5.sticky该值在正常时不影响其在文档流中的位置,但是当滚动,其偏移量超过其设定值是会固定不动。

转载于:https://www.cnblogs.com/wusifan/p/9707932.html

css中position的几个值相关推荐

  1. CSS中position的几个属性值

    CSS中position的几个属性值 position的四种取值 :     static:static定位就是不定位,出现在哪里就显示在哪里,这是默认取值,只有在你想覆盖以前的定义时才需要显示指定 ...

  2. CSS中position属性值有哪些?

    CSS中position属性值有哪些? 1.position:relative;相对定位 1> 不影响元素本身特性(无论区块元素还是内联元素会保留其原本特性) 2> 不会使元素脱离文档流( ...

  3. css中position的4个取值的含义

    css中position的4个取值的含义 一.在我们书写css代码的时候,position取值有4个,分别是: 1. Absolute:绝对定位,是相对于最近的且不是static定位的父元素来定位 2 ...

  4. 【拼爹坑爹不比爹】深入理解css中position属性及z-index属性

    总结:拼爹坑爹不比爹 1,定位移动:距左上角left+top;(移动后对于移动前:如果值为负数,则直接换成整数:如果值为整数,则直接改变相对方向.) 2,单一父元素不设值,子z-index才奏效:&q ...

  5. 关于CSS中position属性和overflow属性的使用小结

    关于CSS中position属性和overflow属性的使用小结 position属性 用于设置某个元素的位置类型.取值类型可以有:static.relative.absolute.fixed.inh ...

  6. 我应该在CSS中使用px或rem值单位吗?

    本文翻译自:Should I use px or rem value units in my CSS? I am designing a new website and I want it to be ...

  7. css中position属性(absolute/relative/static/fixed)

    css中position属性(absolute/relative/static/fixed): position:static   无特殊定位,是html元素默认的定位方式,对象遵循正常文档流.top ...

  8. CSS中position的relative和absolute.

    2021 first note CSS中position的relative和absolute. 之前接触过, 听老师讲的时候, 赶脚自己挺明白的, 后来就放下了, 最近又开始复习, 发现有些熟悉但更多 ...

  9. css中position:fixed为啥下面还要设置一个div的height

    css中position:fixed会造成"高度塌陷". 高度塌陷: 父元素包含子元素,子元素设置为浮动且父元素的height为auto或者不设置height,子元素就会脱离文档流 ...

最新文章

  1. 在Ubuntu18.04上安装opencv 3.4.1
  2. COZMO机器人的部分表情说明
  3. 计算机仿真实验用的教学软件是,AR增强现实教学软件,学习效果倍增
  4. java set如何判断重复_set 怎么用iterator()方法来区分重复与否
  5. 财富第三极人类社会运行模型(附路线图)
  6. 我的zencart 安装流程
  7. 银行数字化转型指南:《区域性银行数字化转型白皮书》完整版重磅发布
  8. java可以转linux么_Java开发必会的Linux命令(转)
  9. resharper警告 :linq replace with single call to FirstOrDefault
  10. Spring Cloud Gateway 原生支持接口限流该怎么玩
  11. 开源/免费界面自动化测试工具对比研究
  12. stand up meeting 12/21/2015
  13. [bzoj1036][ZJOI2008]树的统计Count
  14. 如何用WinCC发送报警消息至钉钉
  15. 基于微信小程序的扫码签到系统源码
  16. 乐优商城遇到的坑(二):Day56 品牌管理之虚拟机CentOS6.5我真的不会装
  17. Tableau学习摘录总结①(层次、聚合度和颗粒度层次、聚合度和颗粒度,字段(离散和连续),小建议)
  18. 牛客华为机试-查找排序
  19. 小程序onShareTimeline()分享朋友圈 --仅限Android
  20. 三升序列 和递增序列

热门文章

  1. 计算一下你的“手指率”
  2. Infragistics NetAdvantage 2006 Volume 2 CLR 2.0曲折安装
  3. 2021年中国工业互联网安全大赛核能行业赛道writeup之入门的黑客
  4. windows 如何安装oracle 补丁包,Windows Server 2003 上安装 Oracle10g(10.2.0.1)并升级 至补丁(10.2.0.4) 图解...
  5. 区块链 + 大数据:EOS存储
  6. 公有链和联盟链的本质不同
  7. instant apps_Android Instant Apps 101:它们是什么以及它们如何工作
  8. JavaScript 实现鼠标移动时实时获取其相对盒子的偏移
  9. PyTorch基础与简单应用:构建卷积神经网络实现MNIST手写数字分类
  10. 初学者如何学Java开发