內容旁邊的HTML位置側邊欄

Question

我目前正試圖將我的邊欄從內容框下方移動到其右側。不管我嘗試什麼，它都停留在某個特定的時刻，並且沒有更高。我的網站是VAGUE LINES，如果你向下滾動一下，你將能夠看到我正在說的話。

下面是我的CSS代碼非常感謝：

h1 
{ 
    text-align:center; 
    font-family:sans-serif; 
    letter-spacing:12px; 
    padding-bottom:6px; 
    border-top:1px solid rgb; 
    margin-top:35px; 
    color:#544E4F; 
    font-weight:lighter; 
} 

hr 
{ 
display:overline-block; 
width:200px; 
} 

#header 
{ 
background: #FFFFFF; 
text-align: center; 
} 

#navigation ul 
{ 
margin: 0; 
padding: 0; 
list-style-type: none; 
text-align: center; 
} 

#navigation ul li 
{ 
display: inline; 
padding-right: 30px; 
} 

#navigation ul li a 
{ 
text-decoration: none; 
padding: .3em 5em; 
color: #000000; 
background-color: #FFFFFF; 
font-family: courier; 
} 


#navigation ul li a:hover 
{ 
text-decoration: line-through; 
} 


.centeredImage 
    { 
    float: none; 
    margin: 4% 0 2% 9%; 
    text-align: center; 
    padding-bottom: 25px; 
    } 

#main-content hr 
{ 
width :66%; 
margin-left: 9%; 
} 

#main-content 
{ 
width:80%; 
padding-left: 113px; 
padding-top: 20px; 
} 

#page-wrap { 
    background: white; 
    min-width: 780px; 
    max-width: 1260px; 
    margin: 10px auto; 

    } 
    #page-wrap #inside { 
     margin: 10px 10px 0px 10px; 
     padding-top: 10px; 
     padding-bottom: 10px; 
    } 

#sidebar{ 
border-top: 1px solid #99CC33; 
    border-left: 1px solid #99CC33; 
    height: 300px; 
    width: 200px; 
    margin-right: 5px; 
    padding: 5px 0 0 5px; 
    position:absolute; 
} 

#main-content p 
{ 
margin-left: 10%; 
font-family: courier; 
font-size: 14px; 
} 

#heading p 
{ 
margin-left: 10%; 
font-family: sans-serif; 
font-size: 14px; 
} 

#sidebar p 
{ 
margin-left: 10%; 
font-family: courier; 
font-size: 14px; 
font-weight:bold; 
} 

Answer 1

試試這個：

#main-content 
{ 
    float: left; // float element to the left side 
    width:80%; 
    padding-left: 113px; 
    padding-top: 20px; 
} 

#sidebar{ 
    border-top: 1px solid #99CC33; 
    border-left: 1px solid #99CC33; 
    height: 300px; 
    width: 200px; 
    margin-right: 5px; 
    padding: 5px 0 0 5px; 
    position:absolute; 
    right: 0; // position element to the right 
} 

編輯：對不起。你想要右側的邊欄。