美文网首页
absolute相关

absolute相关

作者: 大瓶绿茶 | 来源:发表于2017-01-30 10:14 被阅读0次
  • 与float相同,具有包裹性和破坏性。
  • 特性1:脱离文档流,让出占用的空间(宽高都为0)
  • 特性2:去浮动,位置跟随(原来在什么位置,absolute之后还在什么位置)
  • absolute配合margin可以达到精准定位,无依赖的绝对定位
  • 谷歌浏览器中,代码中回车会产生影响,可以使用消除此空格
  • 动画尽量作用在绝对定位元素上,因为不会对整个界面造成影响
  • 绝对定位不需要使用z-index确定覆盖,因为绝对定位元素一定会置于普通元素之上,而多个绝对定位元素之间是采用文档流顺序来确定覆盖性的。
  • top、right等可以改变absolute元素所处的位置,但是会受到外层relative、absolute、fixed、sticky等的影响。
  • 若绝对定位元素的top、bottom或者left、right(对立方向)同时定义了,那么会造成元素的拉伸(IE7+)。但是此拉伸优先级低于width、height。
  • 当尺寸限制、拉伸以及margin:auto同时出现时,就会有绝对定位元素的绝对居中效果。(IE8+)

相关文章

网友评论

      本文标题:absolute相关

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