.jl_s_left .jls_left_5 .jlsl_5_2{border-bottom:solid 1px #dddddd; margin:10px 0 0 0;}
.jl_s_left .jls_left_5 .jlsl_5_2 ul{float:left; display:block; font-size:13px; margin:0 10px 10px 10px;}
.jl_s_left .jls_left_5 .jlsl_5_2 ul li{line-height:22px;}
.jl_s_left .jls_left_5 .jlsl_5_2 .content{width:350px;}
.jl_s_left .jls_left_5 .jlsl_5_2 .comment{float:right;}
<!-- jls_left_5 start -->
<div class="jls_left_5">
<div class="jlsl_5_2">
<ul class="img">
<li><img src="images/middle_013.jpg" /></li>
</ul>
<ul class="content">
<li>aaaaa</li>
<li>sdfsdf</li>
<li>sdfsdfsdf。</li>
</ul>
<ul class="comment">
<li> </li>
<li>sdafasdf</li>
<li>sadfsadf</li>
</ul>
<div class="clear"></div>
</div>
<div class="jlsl_5_2">
<ul class="img">
<li><img src="images/middle_013.jpg" /></li>
</ul>
<ul class="content">
<li>sadfsdf</li>
<li>sdfsadf</li>
<li>sdfsdfsdf。</li>
</ul>
<ul class="comment">
<li> </li>
<lisdfsdfsdf</li>
<li>sdfsdfsdf</li>
</ul>
<div class="clear"></div>
</div>
<div class="jlsl_5_2">
<ul class="img">
<li><img src="images/middle_013.jpg" /></li>
</ul>
<ul class="content">
<li>sdfsdafsdf</li>
<li>sdfsdaf</li>
<li>sdfsdafsdf。</li>
</ul>
<ul class="comment">
<li> </li>
<lisdfsdf</li>
<li>sadfsadf</li>
</ul>
<div class="clear"></div>
</div>
</div>
<!-- jls_left_5 end -->
以前做佈局全部都用的div 浮動,現在可以用ul了,看起來舒服多了!
剛學習CSS,不足之處,大家指正!!!