html - 无法让 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">

不要在你的类(class)名字中使用空格。给你添麻烦