css - 在 Chrome 中固定位置

Question

我的网站有点问题，我有一个栏，上面有一个 float 在栏上方的框，在 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;
 }

barraDerecha 是容器，menu 是容器上方的框

有人可以帮帮我吗？

提前致谢

Answer 1

以防有人遇到相同的 chrome 行为。

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

我猜 .asp 是在文档加载后注入(inject)你的 barraDerecha，所以它相对于它的容器定位。