CSS/HTML | 溢出滚动内容显示不全问题

问题：设置了溢出滚动，显示不全

<div className="active-friends">
	  <ActiveFriends />
	  ...
	  <ActiveFriends />
</div>

.active-friends{
	overflow-x:scroll
}

解决：在子组件外层再套一层 div

<div className="active-friends">
	<div className="scroll-friends">
	  <ActiveFriends />
	  ...
	  <ActiveFriends />
	</div>
</div>

.scroll-friends{
	overflow-x:scroll
}