仅css，并考虑兼容低版本浏览器，如何实现横向滚动布局

最新推荐文章于 2021-08-04 10:36:34 发布

陈培鸿

最新推荐文章于 2021-08-04 10:36:34 发布

阅读量112

点赞数

分类专栏： css布局技巧

本文链接：https://blog.csdn.net/realyeling/article/details/89452885

版权

css布局技巧专栏收录该内容

2 篇文章 0 订阅

订阅专栏

父元素css：
.parent{
overflow-y: hidden;
overflow-x: auto;
white-space: nowrap;
font-size: 0;
}
子元素css：
.child{
display: inline-block;
font-size: 14px;
}
父元素中的（font-size: 0;）是为了让inline-block之间不会出现空隙；
注意：子元素不能使用float布局，否则滚动失效