Navbar项目推动一切正确的CSS

Question

我有一个bootstrap导航栏。代码：

<div align="center">
    <!-- Static navbar -->
    <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
        <div class="container">
            <div id="nav_list" style="margin-top:30px; float:left;"></div>
            <div id="logo">
                <a href=""><img src="" style="height:50px; margin-top:20px;"></a>
            </div>
            <img id="loading" src="images/loading.gif"
                 style="height:50px;margin-top:20px; display:none">
        </div>
    </div>

我希望图像在导航栏中间保持爆炸状态，并使nav_list浮动到左侧。但是现在当包含nav_list时它会向左浮动，但所有图像都被向右推。

这是css：

#nav_list {
    background: url(icon_nav.png) no-repeat left top;
    cursor: pointer;
    height: 27px;
    width: 33px;
    float:left;
    margin-right: 0px !important;
}
#nav_list.active {
    background-position: -33px top;
}

Answer 1

添加：

#nav_list {
    background: url(icon_nav.png) no-repeat left top;
    cursor: pointer;
    height: 27px;
    width: 33px;
    float:left;
    position: absolute; /* <--- */
    text-align: center;
}

完成了很好的工作。感谢。