absolute相关

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 9,835评论 1赞 88
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 3,211评论 0赞 13
  • 学习CSS的最佳网站没有之一 http://www.w3school.com.cn/tags/index.asp ...
    hiuman阅读 367评论 0赞 1
  • 以下文章是我在网上收集的内容,为了记录自己的学习以及为了以后不到处找而记录下来,如果对你有用,请感谢写这些文章的前...
    DCbryant阅读 243评论 0赞 2
  • ?前端面试题汇总 一、HTML和CSS 21 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么? ...
    Simon_s阅读 1,378评论 0赞 8