当柔性容器溢出时，最后一个项目的右边距被切掉

Question

我用＆＃34;溢出：auto＆＃34;灵活容器以便在项目溢出时让它可滚动，但是当我滚动到最右边时，最后一个项目的右边距不包含在此灵活容器中。我希望所有项目都能正确显示阴影。是否有任何解决方法可以将最后一个右边距添加到容器中？

以下是一个例子：

＆＃13;

＆＃13;

<div class="flex_container">
		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information</div>
		</div>
		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  <div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  <div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
  		<div class="item">
			<div class="img_container"></div>
			<div class="text_container">Bing helps you turn information into action, making it faster</div>
		</div>
	</div>

＆＃13;

{ sort: [ {"name":"asc"},{"age:"descr"}]}

＆＃13;

＆＃13;

＆＃13;