css - 在主要居中的 div 旁边 float 另一个 div

Question

好的，我有一个网站，整个网站都包装在一个容器中。这个容器以 margin:auto 为中心。我想将一段内容 float 到这个居中容器的右侧，无论用户是否调整浏览器窗口的大小等，它都会粘在它的一边。我想知道是否有一种真正简单的方法这样做而不是添加另一个巨大的 div，给它宽度并将居中部分 float 到左侧，将内容部分 float 到右侧。谢谢!

Answer 1

搭载@NickAllen，您想使用绝对定位，以便侧边栏的宽度不包括在主容器的中心位置。

#container {
  position: relative;
  width: 500px;
  border: 1px solid #f00;
  margin: 0px auto;
}
#sidebar {
  position: absolute;
  width: 200px;
  right: -200px;
  border: 1px solid #0f0;
}

<div id="container">
  <div id="sidebar">
    [ sidebar content ]<br>
    [ sidebar content ]<br>
  </div>
  [content]<br>
  [content]<br>
  [content]<br>
</div>