相对定位

相对定位:relative  相对于他原来的位置偏移某个距离,适用于位置的微调。

绝对定位:absolute1.元素会脱离文档流不占据页面空间。

2.元素是相对于已经定位祖先元素进行定位的。

3.如果祖先元素没有相对定位的元素,他会相对于body进行定位。

固定定位:fixed

1.固定定位的元素脱离文档流,不占据页面空间。

2.固定在页面的某个地方,不会随着页面的滚动而滚动。

格式:positive:relative;top:50px;left:50px;

positive:absolute;bottom:50px;right:50px;

positive:fixed;top:50px;left:50px;

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

推荐阅读更多精彩内容

  • 原文地址:详解绝对定位和相对定位 上一篇博文中对元素的居中方式进行了总结,其中很多方法中都用到了相对定位和绝对定位...
    薛普定朗谔克阅读 3,968评论 0 19
  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 13,831评论 1 92
  • CSS布局在整个前端开发中占据了大约50-70%的工作量,在遵循web规范的前提下,编写合乎规范的前端代码,实现结...
    FaithXiong阅读 807评论 0 0
  • 通常情况下,我们元素的position属性的值默认为static 就是没有定位,元素出现在正常的文档流中,,这个时...
    Eric23阅读 570评论 0 0
  • 拆页 选自《说话心理学》 【R原文片段】 【I】 在我们的生活和工作中,常常会发生我们要去说服别人的事情,然而...
    媛子_6e9c阅读 299评论 2 0