将元素放入低于其高度的主体中

时间:2013-10-13 23:03:41

标签: jquery html jquery-ui

我在这里有一个jsfiddle - http://jsfiddle.net/az47U/3/ - 有一个Gallery div 和一个Canvas div,都坐在体内。这两个div都是绝对定位的,所以它们没有 对身高做出贡献。我给了身体一个100px的高度只是为了给它一些存在。 Gallery div有一个红色的可拖动框,Canvas和body都是可以接受该框的droppables。当红色框在它们上方时,Droppables变成棕色。

我的问题是,如何将红色框放入“X”处的身体,或者低于100px定义高度的任何点?

身体中的 ,因为当我将红色框放在身体的前100px中时 区域获得棕色悬停颜色。您还可以在<body>之间的DOM中看到“X”。 。 。</body>代码。

由于

<div id="gallery">Gallery
    <div id="redBox"></div>
</div>
<div id="canvas">Canvas</div>
<div id="x">X</div>

1 个答案:

答案 0 :(得分:0)

让你的身体更高。 “X”在身体元素的流动之外,在这种情况下只有100px高。 X,出于预期目的,在体外。

例如,您可以将canvas div定位为相对,将top值设为0以使其保持在body的顶部,然后是{{1}无论有多少未知元素被放入其中,高度都会与body div的高度相匹配。

canvas