欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 财经 > 产业 > css粘性定位超出指定宽度失效问题

css粘性定位超出指定宽度失效问题

2025/2/24 16:32:31 来源:https://blog.csdn.net/qq_37004501/article/details/145324467  浏览:    关键词:css粘性定位超出指定宽度失效问题

展示效果

解决办法:外层容器添加display:grid即可

完整代码

<template><div class="box"><div class="line" v-for="items in 10"><div class="item" v-for="item in 8">drgg</div></div></div>
</template>
<style scoped lang="scss">.box{width: 400px;height: 200px;overflow: auto;display: grid;}.line {display: flex;}.item{width: 100px;border: 1px solid;flex: none;&:first-child {position: sticky;left: 0;background-color: aliceblue;}}
</style>

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词