CSS：職位問題

嘿傢伙。我設置了一個位置：絕對我的UL，使其出現在div #destaques的底部，但沒有工作。這是怎麼回事？CSS：職位問題

<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; 
     }

什麼即時做錯了？

謝謝！

來源

2011-03-22 Lucas Veiga

您應該CSS佈局讀了一些。絕對沒有理由給同一個元素賦予'float'和'position：absolute'。 – Jon 2011-03-22 20:31:13

這是個問題嗎？ – 2011-03-22 20:39:11

我找到了我的答案。我只需要設置destaques id來定位：relative。謝謝大家。 – 2011-03-22 20:48:38

您需要添加：

position:relative;

您#destaques div的

來源

2011-03-22 20:29:26 ckaufman

相對定位的容器將容納其標籤內包含的絕對定位元素。 – ckaufman 2011-03-22 20:31:37

CSS：職位問題

回答

相關問題