Css 位置固定在铬上

Css 位置固定在铬上,css,safari,webkit,google-chrome,Css,Safari,Webkit,Google Chrome,我的网站有一个小问题,我有一个条,上面有一个浮动在条上的盒子,在IE、Firefox、Opera中一切都很好,但在Chrome和Safari中,必须在条上的盒子浮动在条边,而不是上方 #barraDerecha { width:240px; background-color:#e5e5e5; border-left:solid 2px #CCC; border-bottom:solid 2px #CCC; position:absolute

我的网站有一个小问题,我有一个条,上面有一个浮动在条上的盒子,在IE、Firefox、Opera中一切都很好,但在Chrome和Safari中,必须在条上的盒子浮动在条边,而不是上方

 #barraDerecha 
 {
     width:240px;
     background-color:#e5e5e5;
     border-left:solid 2px #CCC;
     border-bottom:solid 2px #CCC;
     position:absolute; 
     margin-top:-10px;
     margin-left:717px;
     height:auto;
 }

 #barraDerecha #menu
 {
    display:block; 
    position:fixed;
    width:220px;
 }
barradecha是容器,菜单是容器上方的框

谁能帮帮我吗

提前谢谢

对不起,菜单不在Barradecha吗

如果是这样的话,除非您进一步指定位置,否则它自然会固定在#barradecha内

#barraDecha {
   position:fixed; top:0; left:0; }

一个更好的描述(也许是视觉上的)将有助于我更准确地描述问题。

谢谢你的回答,你可以在

我无法将fixed to#Barradecha设置为#Barradecha,因为这样我的酒吧会随着菜单移动

以下是我使用该类的人员:

<div id="barraDerecha" > 
<div id="barraRight" runat="server">
    <div style="padding:10px;" id="menu" >
        <div class="titulosAzules15">
         <center>
         <asp:Label ID="lblUsted" runat="server" Text="USTED ELIGÍO EL PLAN"></asp:Label>
             <br />
             <br />
         <asp:Image ID="imgPlan" runat="server" />
         <br />
         <asp:Label ID="lblPrecio" CssClass="DestaquesBordo14" runat="server"></asp:Label>
             <br />
         </center>

         </div>


    </div>     
</div>    
</div>






你必须选择一个计划,然后按下Siguiente按钮

以防万一有人会得到同样的chrome行为

看起来chrome认为加载页面后(例如,使用jQuery.load())添加到DOM中的元素的视口仅限于该元素的包含div


我猜.asp是在文档加载后注入您的Barradecha,因此它相对于其容器进行定位。

根据标准,定位始终相对于视口,而不是任何父对象。我看不到Opera、Firefox或Chrome有什么不同。但是,在任何浏览器中,没有任何元素显示为固定位置。您必须有一个平面才能看到右侧的栏