Div没有并排排列

时间:2012-06-25 03:12:15

标签: html css

过去几个月我一直在学习div,现在我可以并排调整div。

然而,今天我在我的网站上工作,我的divs突然停止排队。

有问题的div包括:#dorsey_left#dorsey_middle#dorsey_right

当我从#dorsey_left文档中删除HTML时,#dorsey_middle#dorsey_right正确对齐。我猜这个问题与#dorsey_left有关,但我在代码中找不到任何内容。

这是JsFiddle

4 个答案:

答案 0 :(得分:1)

我认为您可以通过清理代码找到解决方案。有许多语法错误(未关闭的引号,<ul>的子项不是<li>等)。如果您的代码通过了validation并且问题仍然存在,请尝试简化它,以便通过删除明显不是问题的内容来解决问题的根源。

答案 1 :(得分:0)

layout

这里有一些简单的例子,请参考

alignment

答案 2 :(得分:0)

检查每个左边的大小中间|对 还检查主要的计数器

答案 3 :(得分:0)

本教程将解决您的问题,其中还包含用于水平对齐3个div的代码 http://codejigz.com/forget-tables-use-divscss-for-page-layouts/