我正在创建一个图像库，理想情况下，左侧应该有一列缩略图，右侧有一个较大的图像，两个部分都沿顶部垂直轴对齐。为此，我分别向左和向右浮动缩略图和较大的图像，并尝试了我能想到的每种组合clear:both以overflow:hidden实现顶部对齐，但无济于事。有任何想法吗？
我在顶部添加了一个 JSFiddle，在下面添加了一张图片，以了解我的目标。
问问题
719 次
2 回答
1
我写了一个很酷的简单JSFiddle来展示画廊应该如何显示，以及如何对齐图像。
您必须小心在代码中使用此 JSFiddle，因为您在问题的 JSFiddle 中使用的某些元素具有预先指定的属性，例如display:inline-block可能需要在 CSS 中为画廊元素覆盖的其他内容。这也是为了浏览器兼容性。
于 2012-08-15T19:52:08.897 回答
1
放在你的 HTMLdiv.large-image之前div.thumbnail。
我不确定为什么会发生这种情况。本文简要讨论它。答案/原因可能隐藏在CSS float 规范中的某个地方。
于 2012-08-15T19:59:09.430 回答