CSS相对定位(position)

CSS定位方式有:相对定位(relative)、绝对定位(absolute)和固定定位(fixed)

position: relative; 相对定位。 相对于自己原本的位置进行定位。 在文档流中,元素偏移前的位置保留。 一般用于给absolute元素一个定位参照物。

position: absolute; 绝对定位。 相对于第一个设置了定位属性relative 的祖先元素进行定位,如果当前父元素没有定位属性,那么就会一直向上寻找,如果都没有,那么会相对于html元素定位。

position: fixed; 固定定位 相对于浏览器窗口进行定位。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,687评论 1 92
  • CSS的position总是属性很容易让人弄混~ 为了仔细区别它们,所以今天总结一下CSS的position属性~...
    fehysunny阅读 8,051评论 0 7
  • 当在这一个页面上实现布局和定位有几种不同的技术。使用哪种技术,很大程序上取决于内容和目标页面,因为有很多技术比别人...
    lulu_c阅读 4,816评论 0 5
  • CSS 定位 CSS有三种基本的定位机制:普通流,浮动,绝对定位(absolute, fixed):普通流是默认定...
    _空空阅读 11,095评论 0 15
  • 001 转移重心 吵架了,是因为我们对对方某个地方不满,所以生气了。于是,我们最会出现的话就是“你怎么……”,然后...
    第二颗心脏阅读 1,445评论 0 1

友情链接更多精彩内容