Javascript 相对位置

我有一个div，它随着用户在上面添加图像而扩展。在div下面我有一个按钮。我需要这个按钮在div向下扩展时按下。 按钮位置取决于div位置

我希望当用户将照片添加到面板：文件时，divUpload会停止。

HTML:

---

您所描述的是以下情况的正常行为：

<div><!-- ...the images here ... --></div>
<button>The Button</button>

按钮

…默认情况下，

div

尽可能宽，也尽可能高，后面的内容在下面呈现

|

HTML

<div class="wrap">
<div class="innner">nfdj</div>
<button>Click</button>
</div>

---

每当我对CSS感到好奇时，我就会去拜访彼得·保罗·科赫-

但如果你不想发现那个网站，那么在大多数情况下我会使用display:block；对于按钮，这将确保它低于它上面的一个

如果我有一组水平排列的按钮，我会把它们都放在一个div中，这个div就是display:block；并使每个按钮显示：inline；。这样，整个组被推到上面div的下面，但每个按钮都在div内

---

我将让您来研究如何在主分区的一侧或另一侧使用一组垂直按钮。

问题在于CSS中的这些行：

#divCarregando {
    position:absolute;

，这（在我看来）在你的页面上造成了绝对的混乱

我的#1建议使用流动良好的HTML文档，而无需诉诸

绝对定位

如果您不能或不愿意这样做，您唯一的选择将是重新计算图像容器的底部位置，并将其应用于按钮容器的顶部

使用jQuery（只是为了便于举例，因为如果没有它，这当然是可能的）：

添加图像时：

var images = $( "#divCarregando" ),
    position = images.offset();

$( "#divUpload" ).css({
    "top": position.top + images.outerHeight( true )
});

不管它值多少钱，我强烈建议不要使用
absolute
你试过什么吗？？如果是这样，请发布您的代码
.wrap{
    width:250px;
    background:green;
    height:auto;
}
div{
    width:100%;
    height:150px;
    background:grey
}

#divCarregando {
    position:absolute;

var images = $( "#divCarregando" ),
    position = images.offset();

$( "#divUpload" ).css({
    "top": position.top + images.outerHeight( true )
});