股利卡亂放

Question

這是我Portfolio我的工作

當您第一次進入網站的黃色WAKEY卡是側邊欄下方（它應該是在側邊欄的右側。

並刷新它進入正確的位置 什麼可以導致此網站？

這是該卡所在的內容div的CSS後

 #content 
{ 
    width:70%; 
    position: absolute; 
    display: inline-block; 

} 

個

這是側邊欄

#sidebar 
{ 
    background-color:#4b4b4b; 
    margin:0px; 
    margin-left:5%; 
    width:400px; 
    height:1000px; 
    -moz-box-shadow: 0px 0px 25px #000000; 
    -webkit-box-shadow: 0px 0px 25px #000000; 
    box-shadow: 0px 0px 25px #000000; 
    display: inline-block; 
} 

您可以從網站上看到的HTML，所以我不會發布它保持短

在IE它的正常顯示，這讓我對鉻這個問題

更新： 我已經改變了＃內容包裝顯示器display:inline;了，但它並沒有幫助

Answer 1

爲什麼不浮動側邊欄？並讓＃內容定位自己在正常文檔流..你可能需要設置寬度＃內容也..

#sidebar 
{ 
    background-color:#4b4b4b; 
    margin:0px; 
    margin-left:5%; 
    width:400px; 
    height:1000px; 
    -moz-box-shadow: 0px 0px 25px #000000; 
    -webkit-box-shadow: 0px 0px 25px #000000; 
    box-shadow: 0px 0px 25px #000000; 
    float: left; 

}

#content 
{ 
float: left; 
}