前不久碰到一个需求,在宽度不固定下实现横线滚动,这里我用css来写,记录下来,供以后借鉴。
子元素的宽度大于父元素是,会出现滚动 overflow-x: scroll; 为水平滚动,overflow-y: scroll; 为垂直滚动,按需求这里采用水平横向滚动
html代码:
<div class="content">
<div class="content-list">
<div class="item" style="margin-right:10px;">
<div class="amount">
<span>2</span>元
</div>
<div class="fundInfo">
<p class="name">XXXXXX</p>
<p>满1000元可用</p>
</div>
</div>
<div class="item" style="margin-right:10px;">
<div class="amount">
<span>2