如何将侧边栏移动到页面的右侧？

Question

我正在开发我的第一个网页，我想将我的侧边栏移到页面的右侧。它的库存到底，我似乎无法移动它。我应该在代码中更改什么？

谢谢。

/*sidebar*/
#sidebar{
    margin:0;
    width:250px;
    float: right !important;
    margin-right:50px;
    position:relative;
    padding: 0;
    text-align: left;

}
#sidebarcontents{
    padding:5px 0px 5px 0px;
}

Answer 1

确保maincontent div向左浮动并控制大小（如同，确保它不是100％）。 检查maincontent的宽度，它是左边的div，并设置overflow to hidden

Answer 2

这是一个可以帮助您的示例代码段。

想法是设置父级位置relative和子级（侧边栏）位置absolute：

＆＃13;

＆＃13;

.content {
  position: relative;
}
#sidebar {
  width: 250px;
  margin-right: 50px;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0;
  text-align: left;
  border: 1px solid red;
}
#sidebarcontents {
  padding: 5px 0px 5px 0px;
}

＆＃13;

<div class="content">
  <div>Here comes my content</div>

  <div id="sidebar">
    <div id="sidebarcontents">Here are the sidebar contents</div>
  </div>
</div>

＆＃13;

＆＃13;

＆＃13;