SOURCE

<div class="top">
	<div class="l">投影仪</div>
	<ul>
		<li>D05</li>
		<li>D06</li>
		<li>D07</li>
	</ul>
	<div class="r"><a>more</a></div>
</div>
<div class="main">
	<div class="main1">0</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
</div>
<div class="main">
	<div class="main1">0</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
	<div class="main2">1</div>
</div>

ul{margin:0;padding:0}
li{list-style:none;}
.top,.main{margin:0 auto;}
.top{width:290px;height:50px; background:#fff;}
.l{margin-right:20px;}
.l,ul li{line-height:50px;float:left;}
ul li{margin:0 5px;}
.r{line-height:50px;float:right;}

.main{width:290px;overflow:hidden;background:#111;}
.main1{width:50px;height:200px;background:#444;
				 float:left;
}
.main2{width:50px;height:95px;background:#777;
				 float:left;margin:0 0 10px 10px;
}