2013-10-21 67 views
0

我正在嘗試爲我的第一個皮膚編寫代碼。我已經編寫了側邊欄代碼,它工作正常,我已經在屏幕上獲得了文本。然而,側欄是重疊的文本,而不是與它並置。你可以查看它here.圍繞邊欄包圍文本

我的側邊欄的代碼是:

#sidebar { 
    float: left; 
    width: 20%; 
    position: fixed; 
    height: 100%; 
    background-color: rgb(153, 230,255); 
    color: black; 
    top: 5px; 
    left:5px; 
} 

您可以查看它的其餘部分here.

是否有人可以幫助我弄清楚是怎麼回事,如何解決?

回答

0

違規行是position: fixed;。如果您刪除該文字,正文文字將像您想要的那樣環繞側邊欄。

+0

另外,在側邊欄元素的HTML中移除'style =「float:right;」''。它將覆蓋您在CSS文件中所做的任何更改。 – hargobind