CSS：位置问题

Question

嘿伙计们。我设置一个位置：绝对到我的UL，使它出现在div #destaques的底部，但是不起作用。怎么回事？

<div id="destaques">
<ul>//stuff</ul>
<div class="banner"><img src="images/001.jpg"/></div>
<div class="banner"><img src="images/002.jpg"/></div>
<div class="banner"><img src="images/003.jpg"/></div>
<div class="banner"><img src="images/004.jpg"/></div>
</div>

它目前出现在页面底部。

        #destaques {
            margin:0;
            padding:0;
            width:1000px;
            height:250px;
            float:left;
            overflow:hidden;
        }

        #destaques .banner {
            position:absolute;
        }

        #destaques ul {
            float:left;
            border:1px solid #777;
            background:#fff;
            position:absolute;
            margin:0;
            color:#333;
            padding:0;
            right:0px;
        }

我做错了什么？

谢谢！

Answer 1

您需要添加：

position:relative;

到#destaques div