Jquery 如何在div中定位元素，使其移动到div移动的位置

我试图建立一个简单的基于div的弹出窗口，可以用来显示消息和其他东西。我正在使用jqueryui position函数将div定位到页面中的适当位置

问题在于，尽管div的位置正确，但其内部的元素却不正确。也就是说，div位于屏幕的中心，而div中的select元素位于页面的底部

使div表现得像一个长方体，使其内部的元素也在div移动的地方移动的最佳方法是什么

-编辑-在下面添加示例标记-

    <div class="divpopupsmall" id="ctl00_cp1_JobCategoryCitySelect" style="position:          relative; top: 93.2px; left: 278.5px;">



        <div>
            <select class="popupboxelement" id="ctl00_cp1_ddlJobCategory" name="ctl00$cp1$ddlJobCategory">
    <option value="0">Driver</option>
    <option value="1">Maid</option>
    <option value="2">Cook</option>
    <option value="3">Nanny</option>
    <option value="4">Gardener</option>
    <option value="5">Guard</option>
    <option value="6">Laborer</option>
    <option value="7">Garment Worker</option>
    <option value="8">Office Helper</option>
    <option value="9">Delivery Helper</option>
    <option value="10">Receptionist</option>
    <option value="11">Other</option>
    <option value="12">Maid cum Cook</option>
    <option value="13">Data Entry</option>
    <option value="14">Cashier</option>
    <option value="15">Nurse-maid</option>
    <option value="16">IT Pro</option>
    <option value="17">Machinist</option>
    <option value="18">Sales Rep</option>
    <option value="19">BPO Call Center</option>
    <option value="20">Management</option>
    <option value="21">Teacher</option>
    <option value="22">Finance</option>
    <option value="23">Engineer</option>
</select>
        </div>

    </div>

---

这是通过Firebug获取的实际HTML源代码的标记。.divpopupsmall的style属性是由jqueryui.position函数添加的。

如果您已经在使用jQuery UI，为什么不使用它们自己的呢？

将css位置替换为div

.divpopupsmall应为位置：绝对； .PopupBox元素应为位置：相对

.divpopupsmall{ position: absolute; ... }
.popupboxelement{ position:relative; ... }

.divpopupsmall{ position: relative; ... }
.popupboxelement{ ... }

或

从.popuboxElement中完全删除位置css，并将.divpopupsmall保留为position:relative

.divpopupsmall{ position: absolute; ... }
.popupboxelement{ position:relative; ... }

.divpopupsmall{ position: relative; ... }
.popupboxelement{ ... }

额外信息：

绝对定位的元素相对于浏览器窗口进行定位，除非父元素的“位置”属性设置为除默认的static-Alex之外的任何值

相对定位的元素相对于其父元素进行定位。

CSS:

HTML:

注:

---

您可以更改容器盒及其内部元素的位置。

问题在于存在一个中间div，该div是.popuboxElement的容器，并且未设置该中间div的位置，即它是默认值，为“静态”，请参见相关标记

---

我改变了中间div的位置，它按预期工作

你能提供你的popup-div的html示例吗？请展示一些代码以便更好地理解。有关某些信息：绝对/固定定位元素是参照浏览器窗口定位的，除非父元素的position属性设置为除Alex提到的默认static之外的任何属性，否则它应该可以工作。这个问题之所以存在，是因为有一个中间div，正如您在上面的标记中所看到的，它的位置没有设置。这里的定位是主要问题。现在您只需更改浮动的左侧和顶部，即容器框，整个内容将随之移动。jquery对话框有关闭按钮，我不希望用户能够关闭对话框，除非执行某些操作。我不确定您是否可以取消jqueryui对话框上的close按钮。你能？

<div id="floating">
  <div class="info"> Here is your info</div>
</div>