如何將側邊欄移動到頁面的右側？

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％）。 檢查左側div的主要內容的寬度並將溢出設置爲隱藏

Answer 2

下面是一個幫助您的示例片段。

想法是設置父的地位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>