position

static

元素position属性的默认值,也就是没有定位。

注意:当值为static时,top,left,z-index,bottom,right这几个属性设置了也不会生效。
absolute

相对于第一个、非static值的父节点进行定位。

值为absolute的元素可以使用所有属性,比如left,margin,padding

注意:如何没有滚动条,absolutefixed没有区别。
fixed

相对于浏览器进行定位,滚动条对他无效。父节点对他也无效。

也可以使用所有属性。
relative

会相对他的父节点来定位。

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

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,805评论 1 92
  • CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~...
    fehysunny阅读 2,956评论 0 7
  • 我们在布局的时候经常会使用到position的属性,那么你真的完全了解它吗? position概念 positio...
    一木_qintb阅读 1,923评论 0 4
  • position属性比起其他的基础属性来讲要复杂一些,我在这试着把里面的门道全部总结出来。 目前position有...
    microkof阅读 3,662评论 3 5
  • 浮动定位 BFC 边距合并 浮动元素 div的顺序是HTML代码中div的顺序决定的。 浮动可以理解为让某个div...
    nianxiaoge阅读 733评论 0 0