css中position定位是什么-创新互联

这篇文章主要介绍css中position定位是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联为企业提供:品牌网站设计、网络营销策划、小程序定制开发、营销型网站建设和网站运营托管,一站式网络营销整体服务。实现不断获取潜在客户之核心目标,建立了企业专属的“全网整合营销推广”,就用不着再为了获取潜在客户而苦恼,相反,客户会主动找您,生意就找上门来了!

css中position的定位有:1、static;2、fixed;3、relative;4、absolute。static相当于没有定位,relative生成相对定位的元素。

css中的position有4种取值,分别是static、fixed、relative、absolute。

详细介绍:

  • static:相当于没有定位,元素会出现在正常的文档流中。

  • fixed:元素框的表现类似于absolute,但是fixed是相对于视窗本身,也就是浏览器窗口而定位的。所以,采用该定位的元素在页面下拉的时候,其位置并不会发生变化。

  • relative:生成相对定位的元素,相对于元素本身的位置进行定位,它原本所占的空间仍然会保留。

  • absolute:生成绝对定位的元素,相对于static定位以外的第一个有定位的祖先元素进行定位。由于static定位相当于没有定位,所以absolute定位实际上就是相对于有定位的第一个祖先元素定位,如果所有的祖先元素都没有定位,则相对于初始包含块或者画布,一般就是body元素定位。

以上是css中position定位是什么的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


当前标题:css中position定位是什么-创新互联
网站路径:http://ybzwz.com/article/ephcc.html