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

Question

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

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

您的 div 中有一定高度的内容，然后紧跟在它后面的是另一个 div - 不知何故它恰好位于第一个之上。

我希望我知道问题出在哪里，但我无法找出是什么 CSS。

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

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

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

Answer 1

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