我正在创建一个图片库，理想情况下，它应该在左侧有一列缩略图，在右侧有一个较大的图像，并且两个部分都沿顶部垂直轴对齐。
为此，我分别向左和向右浮动了缩略图和大图，并尝试了我能想到的 clear:both 和 overflow:hidden 的所有组合实现顶部对齐无济于事。有什么想法吗？
我在顶部包含了一个 JSFiddle，在下面包含了一张图片，以说明我要做什么。
最佳答案
在您的 HTML 中将 div.large-image 放在 div.thumbnail 之前。
我不太清楚为什么会这样。 This article简要讨论它。答案/原因可能隐藏在 CSS float spec 的某处。 .
关于html - 创建画廊 - 左侧缩略图，右侧主图像 - 尽管有 float 和清除 :both 但未在顶部对齐，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11975897/