-1

我在这里有一个 jsfiddle - http://jsfiddle.net/az47U/3/ - 有一个 Gallery div 和一个 Canvas div，两者都坐在体内。两个 div 都是绝对定位的，因此它们不会对身体高度产生任何影响。我给身体一个 100px 的高度只是为了给它一些存在感。Gallery div 有一个红色的可拖动框，而 Canvas 和 body 都是可以接受该框的 droppables。当红色框位于 Droppables 上方时，它们会变成棕色。

我的问题是，如何将红色框放到“X”处或低于 100px 定义高度的任何点处？

X在正文中，因为当我将红色框放在正文顶部 100px 中时，该区域会变成棕色悬停颜色。您还可以在 DOM 之间看到“X” <body>。. . </body>标签。

谢谢

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

1 回答 1

0

给你的身体更高的高度。“X”在 body 元素的流之外，在这个场景中它只有 100px 高。X，出于您的预期目的，位于身体之外。

例如，您可以将canvasdiv 定位为相对，给它一个top值 0 以使其保持在 div 的顶部body，然后无论有多少未知元素掉入其中，您的body高度都将匹配 div 的高度。canvas

div#canvas {
    position: relative;
    top: 0;
}
于 2013-10-13T23:57:42.263 回答