固定位置不工作

不確定爲什麼頂部和底部都設置爲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

固定位置不工作

回答

相關問題