首页IT科技css定位属性有哪些功能(css定位 position:sticky)

css定位属性有哪些功能(css定位 position:sticky)

时间2025-06-14 23:44:51分类IT科技浏览3656
导读:今天在做css定位的时候遇到一个问题,我想用fixed定位下来,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百,这个就很尴尬了,也不能固定宽度吧,毕竟还要宽度自适应。...

今天在做css定位的时候遇到一个问题           ,我想用fixed定位下来                 ,但是发现这个时候定义的百分百宽度不随着父元素走了而是整个屏幕的百分百      ,这个就很尴尬了         ,也不能固定宽度吧                 ,毕竟还要宽度自适应            。

这个时候发现了一个position的属性 ----- sticky

它是relative和fixed的结合体可以理解为         ,当我们屏幕还没有滚动出原有的范围的时候就跟relative一样      ,正常排列在那里                 ,当我们屏幕滚动出去了这个时候就fixed            ,常用语头部或者底部一个吸顶的行为   ,最最关键的是                 ,他不会像fixed一样把他的父级变成浏览器可视区域               ,还是你的父级

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
我才不会怀孕(订阅我不会怀孕) 硬核推荐(网站首页布局SEO关键点(优化网站首页布局,提升SEO排名))