無法在其包含div的底部放置div

我試圖使用下面的代碼來實現此目的。任何關於我可能做錯的想法。它在Dreamweaver中工作（即使在實時視圖中也沒有想到），但是仍然保留在Safari和Firefox中的頂部和左側。無法在其包含div的底部放置div

我也試圖將masthead div替換爲包含tr/td的vertical-align：bottom w /沒有運氣的表......我首先希望學習如何將內部（絕對位置）div放置在外部（相對位置）的底部。

使用熱點的（本）網站可以在http://jjayladslair.com看到，以瞭解我想要實現的目標。我希望將3個對象放在容器左側15％和左側45％，而不是使用Dreamweaver在扁平式標頭（單個）圖像頂部的可怕熱點。（這個問題已經被問過，但沒有解決方案的工作，所以我已經打開了一個新的線程。）

CSS：

#3_objects_finally { 
    left: 45%; 
    position: absolute; 
    width: 286px; 
    bottom: 15%; 
    list-style-type: none; 
    display: inline; 
} 

#masthead_test { 
    height: 132px; 
    width: 1021px; 
    background-image: url(images/new_masthead.gif); 
    position: relative; 
}

HTML：

<div id="masthead_test"> 
    <div id="3_objects_finally"> 
     <ul> 
      <li><img src="images/websites_button_new.gif" width="286" height="31" /></li> 
      <li><img src="images/mobile_button_new.gif" width="286" height="31" /></li> 
      <li><img src="images/SEO_new_button.gif" width="286" height="31" /></li> 
     </ul> 
    </div> 
</div>

來源

2012-02-23 jaylad

這裏的關鍵問題是，您的問題中缺少「3_objects_finally」的CSS。有沒有？ – 2012-02-23 20:06:50

ID和班級名稱不能以數字開頭。

這就是爲什麼＃3_objects_finally的樣式不起作用。

來源

2012-02-23 20:30:36

謝謝。哇：-） – jaylad 2012-03-02 02:10:17

無法在其包含div的底部放置div

回答

相關問題