//父级标签
.style-banner {
height: 1.2333rem;
background: crimson;
ul {
width: auto;
height: 100%;
overflow-x: auto;
white-space: nowrap;
> li {
display: inline-block;
height: 100%;
width: 2.9125rem;
background: salmon;
}
}
// 谷歌浏览器 隐藏滚动条
ul::-webkit-scrollbar {
display: none;
}
// 火狐浏览器 隐藏滚动条 IE浏览器 隐藏滚动条
ul {
scrollbar-width: none; /* Firefox */
-ms-overflow-style: none;
}
html 结构
<div class="style-banner">
<ul>
<li></li>
<li></li>
<li></li>
</ul>
</div>
随手留下.方便以后