股利卡乱放

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; 
}