无法让我的侧边栏位于右侧答案

【问题标题】：Can't get my sidebar on the right-hand side无法让我的侧边栏位于右侧
【发布时间】：2014-06-09 00:29:45
【问题描述】：

我是 CSS 的业余爱好者，到目前为止，我已经尝试使用一些指南来了解自己。我为任何可能知道我做错了什么的人设置了一个小提琴http://jsfiddle.net/defaye/X9t7M/1/？我无法将右侧的侧边栏作为主要内容的最右侧列。

CSS 结构

#wrapper {
  width: 100%;
  min-width: 950px;
  max-width: 1110px;
  margin: 0 auto;
}

#header {
  float: left;
  height: 354px;
  width: 100%;
}

#navigation {
  float: left;
  height: 40px;
  width: 100%;
}

#container {
  float: left;
  width: 100%;
}

#main {
  margin-right: 200px;
}

#sidebar {
  width: 300px;
  margin-left: -300px;
  float: left;
}

#footer {
  height: 40px;
  width: 100%;
  clear: both;
}

HTML 结构

<body>
  <div id="wrapper">
    <div id="header"></div>
    <div id="navigation"></div>
    <div id="container">
      <div id="main"></div>
      <div id="sidebar"></div>
    </div>
    <div id="footer"></div>
  </div>
</body>

【问题讨论】：

标签： html css css-float

【解决方案1】：

看看this fiddle 它是如何工作的。这里是your updated fiddle

#main, #sidebar {
    float: left;
}

#main {
    width: 70%;
}

#sidebar {
    width: 30%;
}

【讨论】：

谢谢，您的第一次编辑也为我指明了正确的方向。感谢您也在更新的小提琴中呈现它。