Question

<ul>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
        <li><a href="#">test one<span>2011-06-21</span></a></li>
      </ul>

css：

ul {
    margin:15px 0;
    padding:0;
    list-style:none;
    line-height:28px;
}

ul li a {
    padding-left:20px;
    color:#2e2e2e;
    font-size:14px;
    text-shadow:#FFF 1px 1px;
    background: url(triangle.png) 0 5px no-repeat;
}

ul li a span {
    float:right;
}

为什么我的日期与IE 6和7下的右浮动锚标签不一致，但在Firefox下是否可以？我该如何纠正？

Answer 1

实际上，您只需要在其前面的文本左侧显示您的跨度：

<a href="#"><span>2011-06-21</span>test one</a>

Answer 2

span是一个内联元素，意味着要在其上执行块类型浮点数，必须将其声明为

span {
    display: block
}

为什么我的日期与IE7,6下的锚标签不一致？

2 个答案: