zoukankan      html  css  js  c++  java
  • 新闻列表布局中ie6的变态

    要布局一个新闻列表,如下:

    可以这么布局:

    <ul>
    <li>.<a href="#">2014年全国一级建造师考试报名条件</a><span>2013-5-12</span></li>
    <li>.<a href="#">上海2012年3月份会计从业资格考试成绩</a><span>2013-5-12</span></li>
    <li>.<a href="#">青海2013年经济师考试资格复审通知发</a><span>2013-5-12</span></li>
    </ul>

    css:

    #contain_left .blo2_news ul{padding:0 10px;}

    #contain_left .blo2_news ul li{height:25px;line-height:25px;font-size:14px;overflow:hidden;}

    #contain_left .blo2_news ul li span{float:right;color:#999;}
    #contain_left .blo2_ban{padding:10px 0;clear:both;}

    这样写兼容标准浏览器及ie789,唯独ie6例外。后面改成:

    <li><span>2013-5-12</span>.<a href="#">2014年全国一级建造师考试报名条件</a></li>
    <li><span>2013-5-12</span>.<a href="#">上海2012年3月份会计从业资格考试成绩</a></li>
    <li><span>2013-5-12</span>.<a href="#">青海2013年经济师考试资格复审通知发</a></li>

    就能 兼容Ie6了。把右浮动的元素放前面即可。

    人生短短几十年,要在有限的生命里多做店有意义的事情。莫要让自己迎合别人的眼光活着。随心而为,听从心的声音。讨好自己,悠哉悠哉!
  • 相关阅读:
    cookie行为试验(一)
    指针内容的引用
    多线程协同
    xss攻击
    _com_error e
    操作符重载
    c++对象中的成员变量地址分布
    常对象指针
    COM调用2
    cookie行为试验(二)
  • 原文地址:https://www.cnblogs.com/jiaojiaome/p/3615358.html
Copyright © 2011-2022 走看看