元素的Z指数

Question

我遇到一个元素与另一个元素重叠的问题，该元素是兄弟元素的子元素。我已经尝试过设置z-index，但我认为因为它不在同一级别＃34;它没有效果。

这是一个证明问题的小问题。

http://jsfiddle.net/jw1mgrnz/1/

有没有办法让class="sub"元素显示在id="span"元素的顶部而不将其放在id="box"元素中？

Answer 1

添加

position: relative;

等;

.sub{
    background-color: #fff;
    width: 100%;
    height: 25px;
    margin-top: 5px;
    text-align: center;
    position: relative;
}