固定位置不工作

不确定为什么顶部和底部都设置为0px;但是当使用Opera 11.50，然后最小化opera，然后从任务菜单重新打开时，会发生什么情况是某个div元素被设置为顶部和底部0px在底部显示一些空白空间，如果您调整窗口的大小但是可以将程序最小化并将其打开为全尺寸混乱的位置：绝对元素。固定位置不工作

这里有一些代码可以告诉我为什么这是occruing和我如何解决它。

#Panel { 
background-color: #fff; 
border-right-color: #cdcdcd; 
border-right-style: solid; 
border-right-width: 1px; 
bottom: 0px; 
box-shadow: 0px 0px 5px #1b1b1b; 
left: 0px; 
position: fixed; 
text-shadow: 0px 1px 0px; 
top: 0px; 
width: 280px; 
z-index: 3; 
}

的jsfiddle：http://jsfiddle.net/PcrUB/1/ < - 全码+其他

来源

2011-08-10 PT Desu

嗯听起来像一个非常奇怪的歌只对我发行 – samccone

有没有可能与我的代码有问题？还是它可能造成这个混乱的盒子阴影？ –

尝试歌剧设置设置>首选项>高级>内容>风格选项，或者你可以使用JavaScript来唤醒和重置窗口最大 –

如果我正确认识这一点，你需要将面板全高 - 从顶部延伸到底部在任何时候？内容位于右侧并滚动？我猜测一点，所以，如果这不是你想要做的事，对不起...

虽然我认为这个位置：固定的问题实际上可能是一个Opera bug，你可以通过改变它来避免它位置：绝对的。它似乎给出了没有错误的相同结果。

这个测试案例似乎在Opera 11.5，IE9，FF5，铬13的工作：

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <meta charset="utf-8"> 
    <meta http-equiv="X-UA-Compatible" content="IE=EDGE"> 
    <title>Page Title</title> 
    <style> 
    body { background: #cdcdcd; overflow: hidden; } 
    #Panel { 
     background: #fff; 
     border-right: 1px solid #cdcdcd; 
     box-shadow: 0px 0px 5px #1b1b1b; 
     text-shadow: 0px 1px 0px; 

     position: absolute; 
     top: 0px; 
     right: 280px; 
     bottom: 0px; 
     left: 0px; 

     width: 280px; 
    } 

    #Content { 
     position: absolute; 
     top: 0; 
     right: 0; 
     bottom: 0; 
     left: 285px; 
     overflow: auto; 
    } 
    </style> 
</head> 
<body> 
    <div id="Panel"> 
     <div id="Panel_Logo"></div> 
     <p>panel</p>  
    </div> 
    <div id="Content"> 
     <div id="Content_Header"></div> 
     <p style="height: 2000px;">Forced-height paragraph to induce scrolling.</p> 
     <p>end</p> 
    </div> 
</body> 
</html>

希望有所帮助。

来源

2011-08-14 15:01:12 BenB

固定位置不工作

回答

相关问题