CSS絶対位置

Question

私はこのようになりますフィールドセットの内側のdivいます

 <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キーの位置が変更しようとしているためです。

助言をお寄せください！ ありがとう！

Answer 1

divは、あなたが言及したように、フィールドセット内にあるようには見えません。 top、right、bottomおよび/またはleftを使用してdivにポジションを割り当ててください。 divの位置は、次に配置される親要素に依存するので、同様にそれに注目してください。

このすべてがうまくいかない場合は、周囲のマークアップとCSSも投稿してください。