div布局有问题没有去他们应该去的地方

Question

EDIT*问题显然归结为这样一个事实，我需要在大图像上使用相对位置，这样我就可以调整最高值。这会导致拇指放在主图像的顶部。当我删除主图像的相对定位时，流程看起来很好，但顶部定位被忽略 - 我有点需要动态操作这个正在开发的应用程序*

我希望我能理解为什么在我编写 div 布局的 90% 的时间里都会发生这种情况。

你的 div 中有一定高度的内容，然后你有另一个 div 紧随其后 - 不知何故，它正好在第一个之上。

我希望我知道问题出在哪里，但我不知道 CSS 是什么原因造成的。

无论如何，如果您愿意看一下，这是我遇到的问题的沙盒： 参考正在改变，因为我不断更新它以检查抱歉。 http://www.drewswinson.com/DP/

我正在制作一个动态的 jQuery 图库查看器，而拇指只是不想把自己放在图像下方。

但它一直在发生；是否有任何理由让 div 内的内容不允许后续 div 放置在它应该填充的内容下方？

Answer 1

你的问题是 imageDiv 上的 position: relative 属性。 它将图像从应有的位置向下推。如果您删除它，将使用页面的静态流，这就是您在这种情况下想要的。