html - 在绝对 <a> 之后放置一个相对 <span>

Question

我试图在具有绝对定位(并显示为内联 block )的元素之后放置一个具有相对定位(并显示为内联 block )的 span 元素。这两个元素在一个 li 元素中。我成功地使用了一些 javascript，但如果有 css 解决方案，我真的很想知道它!

这是我要“调试”的代码 http://jsfiddle.net/eKEEa/1/

在此先感谢您的帮助!

Answer 1

我已将您的 CSS 从相对定位更改为 float:left 并删除了 display:inline-block。现场示例:http://jsfiddle.net/eKEEa/4/

ul li{
    list-style: none;
    width: auto;
    height: 45px;
}
ul a{
    float: left;
    height: 30px;
    padding: 10px 10px 5px 10px;
    background: #ffffff;
    color:#000;
}
ul span{
    float: left;
    height: 30px;
    padding: 10px 10px 5px 10px;
    background: #2e8ab8;
    color: #fff;
}