我有一堆包含图像和h1标头的锚标签。我已经使用浮动元素来允许它们以2行布局。但是由于某些奇怪的原因，银河系链接导致下一个锚点向右浮动。如果你将银河系与土星交换，它可以正常工作。我不能为我的生活找出原因。任何人都可以向我解释这个奇怪的现象吗？
这是我页面的jsfiddle：http://jsfiddle.net/SVuQQ/
答案 0 :(得分：1)
如果您将clear:both添加到Andromeda锚点，它将解决浮动问题。我set it up所以您可以将.clear类添加到可能需要它的任何其他锚点，如果您添加更多。
说明：具有clear:both的元素可防止左侧和右侧的元素浮动对页面布局的流动产生影响。在这种情况下，银河锚浮子对下面的元素产生不利影响。通过将clear:both添加到仙女座的锚中，银河系的浮子不再向下推动其余的元素。
替代解决方案：浮动问题正在发生，因为您的锚标记具有不同的高度。它们不能正确堆叠，因为一个浮子向下推得比另一个浮子更远。如果为所有这些设置相同的高度，它将解决问题而不清楚：两者。 jsfiddle.net/SVuQQ/7
答案 1 :(得分：-1)
我建议您尝试设置＃subject-content a-menu {height：auto}
并删除float：left在同一行（例如＃subject-content a-menu）