問題的立場：固定的，DIV是不是真的在那裏應該是

-1

問題就解決了：我指定right: 0px而不是top: 0px ...問題的立場：固定的，DIV是不是真的在那裏應該是

我有CSS」 position: fixed;都在Firefox的一個問題（6.0.2 ），Chromium（12.0.742.112）和Konqueror（4.6.2）。請看下面的例子：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US"> 
    <body> 
    <div style="background: grey; position: fixed; left: 0px; right: 0px; width: 100%; height: 100%;"> 
     ... 
    </div> 
    <div id="page2" style="margin: 50px;"> 
     test 
    </div> 
    </body> 
</html>

我的目標是，第一<div>被隱瞞整個視口，但在所有三種瀏覽器，它不封閉了最上面的50個+ x像素 - 這也正是上邊距第二<div>。任何人都可以告訴我什麼是問題，以及如何解決這個問題，而不是骯髒的黑客？

注意，將第一和第二<div>之間的任何文本減小在僅最上面的X picels不遮擋的感覺，這也可以通過添加style="margin: 0px;"到<body>標籤被刪除的問題。上面的示例代碼，以及帶有「X」版本的結果在Konqueror兩個<div>的之間添加可以在這裏看到： Example in Konqueror

非常感謝提前！

來源

2011-09-23 felix

不要打擾編輯你的問題，說「問題解決了。」將答案標記爲已接受，或者只是刪除問題。我推薦後者。 –

我必須等待一段時間（8分鐘）才能接受您的答案。但謝謝你的提示，我會刪除這個問題。（並再次感謝您的答案！） – felix

（我不能刪除問題，因爲有答案...） – felix

您還沒有在固定位置div上指定top: 0。爲什麼不？

來源

2011-09-23 18:52:24

哦。 Oooops。 'right：0px'應該是'top：0px'。我很抱歉，現在感覺很蠢 – felix

問題的立場：固定的，DIV是不是真的在那裏應該是

回答

相關問題