无法将div对象并排放置

Question

我的HTML代码：

<div id="content">
    <div id="main content"></div>
    <div id="summary"></div>
    <div style="clear:both"></div>
</div>

我的css代码：

#content {
    width:100%;
    overflow:auto;
}

#main content {
    width:75%;
    float:left;
}

#summary {
    width:25%;
    float:right;
}

坦率地说，我不知道为什么我的“摘要”div仍然在我的“主要内容”的底部。我希望它在它的右边，占据屏幕的75％。

Answer 1

将<div class="main content更改为<div class="maincontent">

不要在你的班级名字孩子中使用空格。让你陷入困境

Answer 2

您错误地将ID命名为“主要内容”。你不能在id中有空间。 相应地将其更改为main_content和CSS。它应该使它工作