Как переместить боковую панель в правую сторону страницы?

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

Убедитесь, что div maincontent находится поплавком влево, а размер контролируется (как в, убедитесь, что он не 100%). Проверьте ширину maincontent, которая находится в 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>