<link type="text/css" rel="stylesheet" href="Style.css">
<div class="Article_1">
<div class="Article_1_1">{$幻灯片}</div>
<div class="Article_1_2">
<div class="Article_1_2_1">
{$商情资讯}
</div>
</div>
<div class="Article_1_3 border_8">
<div class="Article_box1">
<ul class="p7">
<li style="margin-top:10px; margin-bottom:7px"><img src="www.xxx.com/1.gif" /></li>
{$热点排行}
<li style="margin-top:10px; margin-bottom:7px"><img src="www.xxx.com/1.gif" /></li>
{$评论排行}
</ul>
</div>
</div>
</div>
Style.css 文件
.Article_1_2{ width:360px; margin:0 10px; float:left}
.Article_1_2_1{ width:360px}
.Article_1_2_line{ width:280px; height:11px; margin:0 auto; background-image:url(images/link_1.gif)}
.Article_1_3{ width:258px; float:right} //应该是这里问题。。。但是还不清楚怎么改
.Article_1_3_tit{ text-align:center; margin:13px 0 7px 0}
.Article_box1{ padding:0 10px 10px 10px}
.Article_box1 ul li{ line-height:22px}
.Article_tit1{ line-height:30px; text-align:center; width:360px; font-size:18px; font-weight:bold}
.Article_1_2_3{ margin:5px 0 0 0}
.Article_1_2_3 ul li{ font-size:13px; line-height:24px}
.Article_ad{ margin:10px auto; width:950px}