SOURCE

	<div class="box">
		<ul>
			<li class="son"></li>
			<li class="son"></li>
			<li class="son"></li>
		</ul>
	</div>
<!-- 只有元素的宽度是充分可利用的时候，才可以使用margin负值在视觉上产生大于布局的宽度 ，比如上面dom的ul，他的宽度是布满整个.box 使用margin-right:-20px 产生20px的多余宽度用于子元素。  overflow产生bfc，清理浮动 -->

		.box {
			line-height: 0;
			width: 340px;
			/* overflow: hidden; */
      overflow: hidden;
		}
		ul {
			background: #f00;
			margin: 0;
			overflow: auto;
			margin-right: -20px;
			padding: 0;
		}
		li {
			float: left;
			width: 100px;
			height: 100px;
			margin-right: 20px;
			background: #ff0;
			list-style: none;
		}