CSS定位問題

我有一些html動態插入javascript。我有position:absolute;，這樣它就不會影響頁面元素的佈局。但是，當頁面頂部出現一條消息時，除絕對定位的元素外，所有元素都會向下移動。因此，我想要結合絕對定位和相對定位的屬性。我該怎麼做呢？CSS定位問題

來源

2011-05-29 user730569

顯示了一個更好的答案 – Ibu 2011-05-29 20:02:01

將position:relative;添加到您認爲描述「頁面」的最高級元素。例如：

<body> 
    <div id="popup> 
     <!-- "flash" popup message is inserted into DOM here --> 
    </div> 
    <div id="main content" style="position:relative;"><!--THIS IS "THE PAGE"--> 
     ... 
      ... 
       <!-- your "absolutely" positioned element --> 
      ... 
     ... 
    </div> 
</body>

編輯：這是thirtydot一個很好的示範，其完美地說明了這一概念：http://jsfiddle.net/qGTw6

來源

2011-05-29 20:09:53 ninjagecko

不工作:(我將它添加到'html'標籤 – user730569 2011-05-29 20:12:20

這是一個更好的答案。 idea：http://jsfiddle.net/qGTw6/ – thirtydot 2011-05-29 20:12:58

@ user730569：這不是我的意思，你不應該爲HTML標籤添加樣式。參見示例 – ninjagecko 2011-05-29 20:14:55

將position: relative添加到絕對定位元素的父元素。

確保您的「Flash消息」在此元素之外。

來源

2011-05-29 20:00:30 thirtydot

這樣的代碼是沒有這樣做：/ – user730569 2011-05-29 20:08:59

見我發表了一篇關於@ ninjagecko的回答的評論。 – thirtydot 2011-05-29 20:13:28

加入'position：relative;'對身體應該沒有任何影響......（也許一些古怪的行爲） – ninjagecko 2011-05-29 20:13:41

回答

相關問題