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似乎不在字段集中。尝试使用div，top，right和/或bottom为left分配职位。 div的位置将取决于下一个定位的父元素，因此也要关注它。

如果所有这些都不起作用 - 请发布周围的标记和CSS。

CSS绝对定位

1 个答案: