html-急急急！！！關於div裡的span絕對問題

急急急！！！關於div裡的span絕對問題

就是我在一個div裡放了一些span，並據對定位，最後也清除了浮動，可是為什麼div沒有撐開。

html

 <div class="test">
            <span>111</span><span>111</span><span>111</span><span>111</span><span>111</span>
        </div>

css

 .test {
            position: relative;
            background-color: white;
            .clearfix();
            span {
                font-size: 14px;
                color: #000;
                position: absolute;
                &:first-child{
                left: 0;
                }
                &:nth-child(2){
                left: 50px;
                }
                &:nth-child(3){
                left: 100px;
                }
                &:nth-child(4){

                left: 150px;
                }
                &:nth-child(5){
                left: 200px;
                }
            }
        }

最佳回答：

我腦子抽了。。。。float才有用，現在是絕對定位。。。。不好意思。。。腦子抽了