当模板与其他内容一起正常工作时,为什么特定页面布局被破坏

时间:2012-02-15 00:02:21

标签: html css layout firebug

我有一个特定页面:http://www.problemio.com/problems/problem.php?problem_id=230

它打破了布局。但奇怪的是,我使用这个模板有很多不同的内容,列永远不会破坏。大多数情况下,左右列只是对齐。

知道为什么会在这个特定页面上发生这种情况?我找不到firebug的问题。

感谢

2 个答案:

答案 0 :(得分:2)

你有一个未封闭的DIV,这会破坏你的布局并将右栏放入左栏。 Firefox会自动为您解决此问题,因此您可能无法在firebug中看到此内容。

<div class="left">
<div class="right">
</div>

查看源代码比使用firebug更好 - 因为firebug会向您显示DOM,而源代码是浏览器在呈现页面之前看到的内容。

答案 1 :(得分:1)

确保关闭所有div。它看起来像你没有关闭所有div,因此右列成为左列div的一部分(而不是兄弟姐妹)。

确切地说,在评论</div>

之前看起来似乎缺少<!-- Closes left div -->