position的粗略解析

position一般常用reletive,absolute,fixed三个属性。

众所周知,文档流都是自上而下,从左到右。

当样式只调用reletive时,网页的样式并不会发生改变,元素还是会在原来的文档流位置不会发生改变。

当样式需要调用absolute定位时,便需要在上一级元素中设置reletive样式,这时absolute的样式会根据上一级的大小来定位。如果上一级没有设置reletive,则absolute的样式会根据整个屏幕来定位。

当样式需要调用fixed属性时,这时fixed会根据整个屏幕的位置来定位,就算有滚动条滚动,元素依然会在定位好的位置不会发生改变。

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

相关阅读更多精彩内容

  • 问答题47 /72 常见浏览器兼容性问题与解决方案? 参考答案 (1)浏览器兼容问题一:不同浏览器的标签默认的外补...
    _Yfling阅读 14,694评论 1 92
  • 简介浏览器可以被认为是使用最广泛的软件,本文将介绍浏览器的工 作原理,我们将看到,从你在地址栏输入google.c...
    听风阁阅读 8,546评论 0 7
  • 前端必读:浏览器内部工作原理[https://kb.cnblogs.com/page/129756/] 作者: T...
    我是强强阅读 4,890评论 0 2
  • 经历同样的一件事,总是能再三的获得很多东西…第一次军医,第二次带内部小孩,第三次我保障+看娃…原本以为自己已经轻车...
    陈小洁阅读 4,035评论 2 4
  • 引子 我看到一个高中生在微信上抱怨:看来以后只有有钱人才能来新加坡上学了。 因为,新加坡的高中生学费又涨价了,公民...
    安吉拉iYC阅读 35,436评论 324 1,280

友情链接更多精彩内容