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的位置将取决于下一个定位的父元素，所以也要注意这一点。

如果所有这些都不起作用，- please post以及周围的标记和CSS。