关于CSS定位

在CSS中关于定位的内容是:position:relative(相对定位)absolute(绝对定位)                    static (无定位)                                  fixed(固定定位)

relative 不脱离文档流也不会改变元素的类型。它是相对自己来进行定位的,参考自身静态位置通过top , bottom , left ,right 来进行 定位,并且可以通过z-index进行层次分级。一般它会用来给absolute做父级。

absolute 会完全脱离文档流并且可以改变元素类型,也是通过  top, bottom, left, right 来进行定位,但是它是相对定位父级的来定位的,如果没有定位父级就相对body坐标原点进行定位,可以通过z-index进行层次分级。一般用来做小图标和一些简单的动态效果。

static没有特别的设定,所有元素定位的默认值, 一般不用注明,除非有需要取消继承的别的定位。遵循基本的定位规定,不能通过z-index进行层次分级。

fixed 完全脱离文档流且可以改变元素类型。它所固定的对像是浏览器窗口而并非是body或是父级元素。可通过z-index进行层次分级。一般用来做返回顶部和一些广告的插入。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 刚刚学习了定位,一开始还是比较晕的,特别是关于里面的各种相对位置,不知道它们的坐标具体是怎么算的。所以这里特别的记...
    婷楼沐熙阅读 1,855评论 0 3
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,863评论 1 92
  • 译者:cherryvenus链接:http://www.zcfy.cc/article/1390原文:https:...
    IT程序狮阅读 3,306评论 0 18
  • 在CSS中关于定位的内容是:position:relative | absolute | static | fix...
    feelinghappy618阅读 668评论 0 0
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 5,877评论 0 15