<body style="background-color: grey">
<div class="description_info " >
<div class="description " >
<div class="left_area" >
<div class="description_imgs" >
<div class="big" >
<img src="images/5_03.png" alt="xx">
</div>
<ul class="des_smimg clearFix">
<li><a href="#"><img src="images/5_07.png" alt="xx" class="active"></a></li>
<li><a href="#"><img src="images/5_07.png" alt="xx"></a></li>
<li><a href="#"><img src="images/5_07.png" alt="xx"></a></li>
<li><a href="#"><img src="images/5_07.png" alt="xx"></a></li>
<li><a href="#"><img src="images/5_07.png" alt="xx"></a></li>
</ul>
</div>
</div>
<div class="right_area">
</div>
</div>
</div>
</body>
css：
*{ margin: 0px; padding: 0px; list-style-type: none; }
.left_area { float: left; }
.right_area { float: right; }
.description_info { background-color:white; width: 1000px; margin: 0px auto; }
.description { border: 1px solid #cccccc; clear: both; }
.description .left_area { width: 309px; }
.description .right_area { width: 688px; border-left: 1px solid #cccccc; }
.description_imgs .big { height: 340px; text-align: center; }
.des_smimg { padding-left: 1px; width:280px; margin: 0px auto; }
.des_smimg li { float: left; margin-left: -1px; }
.des_smimg img { border: 1px solid #cccccc; }
.des_smimg .active { border-color: #1d7ad9; position: relative;}