absolute相关

  • 与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+)
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

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