将2个Div并排排列

Question

我从来没有遇到过并排调整div的问题,但出于某种原因无论我做什么它只是不起作用.我尝试了stackoverflow的一些答案,但它们也没有用.我已经没想完了.

我有2个div.1 div是"content" - 它将所有主要信息显示在表格中.第二个div是"侧边栏" - 它只有一些额外的垃圾,如图像,twitter feed等.

这是我的CSS

#content {
width: 580px;
height:auto;
}     

#sidebar {
width: 270px;
height:auto;
float:right;

}

我试着玩定位,边距,包含另外两个div - 包装 - 一个但它要么不起作用,要么产生另一个问题.有趣的是,我正在重写我的旧网站,即使我复制旧的属性,它仍然无法正常工作.任何人有任何想法？

每个人都允许大笑!大声笑

解决方案:删除div #clear我完全忘记了!什么是布偶.:-P现在我觉得很蠢.:-P

Answer 1

#content {
  background:#eee;
  width: 300px;
  height:auto;
  float: left;
}     

#sidebar {
  background:#c00;
  width: 200px;
  height:auto;
  float:left;
}

<div id="content">Content</div>
<div id="sidebar">Sidebar</div>