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

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

谢谢。

/*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; 
}

来源

2016-11-05 Faizah

你能为这个添加HTML？ – marcinrek

确保maincontent div浮动到左边并且大小被控制（如在，确保它不是100％）。检查左侧div的主要内容的宽度并将溢出设置为隐藏

来源

2016-11-05 21:06:13

下面是一个帮助您的示例片段。

想法是设置父的地位relative和孩子（边栏）位置absolute：

.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; 
 
}

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

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

来源

2016-11-05 21:16:00

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

回答

相关问题