我有一个特定页面:http://www.problemio.com/problems/problem.php?problem_id=230
它打破了布局。但奇怪的是,我使用这个模板有很多不同的内容,列永远不会破坏。大多数情况下,左右列只是对齐。
知道为什么会在这个特定页面上发生这种情况?我找不到firebug的问题。
感谢
答案 0 :(得分:2)
你有一个未封闭的DIV,这会破坏你的布局并将右栏放入左栏。 Firefox会自动为您解决此问题,因此您可能无法在firebug中看到此内容。
<div class="left">
<div class="right">
</div>
查看源代码比使用firebug更好 - 因为firebug会向您显示DOM,而源代码是浏览器在呈现页面之前看到的内容。
答案 1 :(得分:1)
确保关闭所有div。它看起来像你没有关闭所有div,因此右列成为左列div的一部分(而不是兄弟姐妹)。
确切地说,在评论</div>
<!-- Closes left div -->