position属性在css(position属性)
综合动态
2024-02-16 09:36:23
导读 今天菲菲来为大家解答以上的问题。position属性在css,position属性相信很多小伙伴还不知道,现在让我们一起来看看吧!1、position属性值有s...
今天菲菲来为大家解答以上的问题。position属性在css,position属性相信很多小伙伴还不知道,现在让我们一起来看看吧!
1、position属性值有static、relative、absolute、fixed、sticky。
2、static:该关键字指定元素使用正常的布局行为,即元素在文档常规流中当前的布局位置。
3、2、relative:该关键字下,元素先放置在未添加定位时的位置,再在不改变页面布局的前提下调整元素位置(因此会在此元素未添加定位时所在位置留下空白)。
4、3、absolute:是不为元素预留空间,通过指定元素相对于最近的非static定位祖先元素的偏移,来确定元素位置。
5、4、fixed:是指不为元素预留空间,而是通过指定元素相对于屏幕视口(viewport)的位置来指定元素位置。
6、元素的位置在屏幕滚动时不会改变。
7、5、sticky:盒位置根据正常流计算,然后相对于该元素在流中的 flow root(BFC)和 containing block(最近的块级祖先元素)定位。
8、在所有情况下(即便被定位元素为table 时),该元素定位均不对后续元素造成影响。
9、参考资料来源:百度百科-position。
本文就为大家分享到这里,希望小伙伴们会喜欢。
猜你喜欢