为什么右侧div不与左侧div并排?

时间:2011-11-14 01:30:21

标签: html css layout

我有一个页面,我有很多div和我做过的事情(无法弄清楚它是什么)使得右侧div出现在右侧div之下。

以下是一个示例页面:http://www.problemio.com/problems/problem.php?problem_id=223

我用萤火虫盯着这个东西,却无法弄清楚为什么会这样。我甚至使左侧div的宽度更窄,但右侧div仍然没有排在左侧div旁边。

知道问题是什么吗?

谢谢!

4 个答案:

答案 0 :(得分:2)

<div>样式的float:right目前位于具有<div>样式的float:left内(可能是您所做的更改)。只需移动您要浮动的<div>,然后将其作为左浮动的直接兄弟<div>

答案 1 :(得分:1)

您的HTML不正确。右侧div位于左侧div中。检查你的标记。

答案 2 :(得分:1)

.half_text为650px,第一个div为120px,第二个div为575px。尝试将第二个宽度设置为530px。在#suggestions中,右侧看起来不应超过450px。

希望这有帮助。

答案 3 :(得分:1)

        ....  
        ....
        </div> <!-- Closes tabs div -->
        </div> <!-- Closes left div -->
         </div>      < ----  Here you need a closing div tag and the right menu goes up.

<div style="float: right; width: 225px;">
....  
........  
 ....