html 图片超出部分左右滑动且不显示滚动条

手机上显示

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
</head>

css样式
<style>
#testDiv{
display: flex;
auto;
overflow: auto;
max-height: 99px;
padding: 0 .5rem;
}
#testDiv img{
height: 100%;
160px;
max- 160px;
max-height: 99px;
display: inline-block;
float: none;
}
</style>

html代码
<div id="testDiv">
<img src="1.png" alt="">
<img src="2.png" alt="">
<img src="3.png" alt="">
<img src="4.png" alt="">
<img src="5.png" alt="">
</div>

效果图

原文地址:https://www.cnblogs.com/jj0219/p/10406012.html