你的id="inner" 定義了 width:100px，而內(nèi)部的li 是 position: relative 按照其特性不會懸浮，所以還是擠在里面，而寬度受限，因此 span_position 移到下方。

因此要這么改

#inner {

    width: 100px;

    background-color: blue;

    height: 100px;

}

.span_position {

    background-color: green;

    position: absolute;

    width: 100px;

    top: 0;

    left: 100%;

}