Question

ul li 怎么自动撑开啊？不加 <div class="clear"></div>

<div class="i_m_ask">
<ul>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<div class="i_m_ask_right"><a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果，那个更效果更那个更效果，那个更效果更那个更效果更明显？<span>2012-12-15 12:15:15</span></div>
</li>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<div class="i_m_ask_right"> <a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果更明显？<span>2012-12-15 12:15:15</span></div>
</li>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<div class="i_m_ask_right"><a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果更明显？<span>2012-12-15 12:15:15</span></div>
</li>
</ul>
</div>
下面的是样式
.i_m_ask{ height:auto;list-style:none;}
.i_m_ask ul{ list-style:none;}
.i_m_ask img{ width:48px; height:48px; float:left; margin-right:10px;}
.i_m_ask span{ color:#666; margin-left:4px;}
.i_m_ask ul li{ padding-top:12px; clear:both; *padding-top:6px;}
.i_m_ask_right{ width:218px; float:right; line-height:20px;}

Answer 1

html，把<span>2012-12-15 12:15:15</span>放在div前面，再使用float：right：
<div class="i_m_ask">
<ul>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<span>2012-12-15 12:15:15</span><div class="i_m_ask_right"><a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果，那个更效果更那个更效果，那个更效果更那个更效果更明显？</div>
</li>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<span>2012-12-15 12:15:15</span><div class="i_m_ask_right"> <a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果更明显？</div>
</li>
<li>
<a href="#"><img src="../images/temp/ad.jpg" /></a>
<span>2012-12-15 12:15:15</span><div class="i_m_ask_right"><a href="#">东邓超</a> 同样打比赛，那个更效果更那个更效果更明显？</div>
</li>
</ul>
</div>
css，去掉.i_m_ask {}里面样式，因为没用.i_m_ask span{ color:#666; float:right}加了右浮动；.i_m_ask_right去掉宽度和右浮动：
.i_m_ask ul{ list-style:none;}
.i_m_ask img{ width:48px; height:48px; float:left; margin-right:10px; display:block}
.i_m_ask span{ color:#666; float:right}
.i_m_ask ul li{ padding-top:12px; clear:both; *padding-top:6px;}
.i_m_ask_right{line-height:20px;}

Answer 2

把 li 样式里加一 overflow:hidden; 就可以了。
.i_m_ask ul li{ padding-top:12px; clear:both; *padding-top:6px; overflow:hidden;}

Answer 3

目前来说,
子DIV用了浮动后,
最好的方法就是用<div class="clear"></div>这种方法