CSS絕對定位

我有一個字段集，看起來像這裏面一個div：CSS絕對定位

 <fieldset> 
      <legend>Device</legend> 
      <label id="select-6-container">  
       <select id="select-6" name="device_select" style="display:none"></select>  
      </label> 
     </fieldset> 

     <div id="ctrl"> 
     <button type="button" id="restart1" name="button1" onclick="window.location.reload()" value="Restart Wizard">Restart Wizard</button> 
     <button type="button" id="gotostep2" class="gotostep2" name="button1" value="Next Step">Next Step</button> 
     </div>

我的選擇框中，填入YUI，然後所示（請注意，其隱藏的負荷）。我對箱CSS是這樣的：

#ctrl { 
margin-top: 102px; 
margin-left: -200px; 
position: absolute; 
width:100px; 
    }

但產生我的選擇框時，按Ctrl箱下移每次！我有我的CSS錯了嗎？或者是因爲選擇框是在頁面加載後由Javascript生成的？

我應該提到，當YUI將選擇框呈現爲菜單按鈕時，它會將其標記更改爲按鈕，我不認爲這應該很重要，因爲ctrl的位置正是我想要改變的。

任何意見將有所幫助！謝謝！

來源

2011-01-22 Doug Molineux

`div`可能呈現在另一個具有`position：relative`的元素內嗎？ – mVChr 2011-01-22 21:43:15

您的div似乎不屬於字段集中，正如您所提及的。嘗試使用top，right，bottom和/或left將位置分配給div。 div的位置將取決於下一個定位的父元素，因此請注意這一點。

如果所有這些都不起作用 - 請張貼周圍的標記和CSS。

來源

2011-01-22 21:54:20 polarblau

CSS絕對定位

回答

相關問題