日期:2014-05-17  浏览次数:20585 次

解决ie7下的样式问题

HTML code
  <div class="tech_list all red">
          <ul>
            <li><a href="#">四川死亡人数升至30人 云南近60万人受灾[图] </a><span class="news_list_time">[2009-05-20]</span></li>
            <li><a href="#">抗震救灾:云南拨3000万 两部委拨2700万救灾[图] </a><span class="news_list_time">[2009-05-20]</span></li>
            <li><a href="#">红十字会调运近50万元救灾物资[图</a><span class="news_list_time">[2009-05-20]</span></li>
            <li><a href="#">民政部调拨帐篷 壹基金捐助首批救灾物资启运攀枝[图]</a><span class="news_list_time">[2009-05-20]</span></li>
            <li><a href="#">急需物品:救灾帐篷棉被短缺 急需大量板房[图]</a><span class="news_list_time">[2009-05-20]</span></li>
            <li><a href="#">攀枝花地震灾区急需帐篷板房棉被食品[图]</a><span class="news_list_time">[2009-05-20]</span></li>
          </ul>
        </div>



CSS code
.tech_list
{
    float:left;
    width:482px;
}
.news_list_time
{
    float:right;
    margin-right:10px;
    margin-top:0px;
}
.all ul
{
    list-style-type:square;
    font-size:12px;
    margin-left:20px;
    clear:both;
}
.all li
{
    margin-top:10px;
    margin-bottom:5px;
}


如何让它在ie7下显示成像ie8或者更高版本的浏览器那样,如图:


------解决方案--------------------
<li><span class="news_list_time">[2009-05-20]</span><a href="#">四川死亡人数升至30人 云南近60万人受灾[图] </a></li>

<span></span>放<a></a>的前面就行了