CSS position：fixed

Question

我有position:fixed<div>出現在屏幕中間。當有消息時，第二個position:fixed<div>放在第一個<div>的旁邊。

我在不同的屏幕尺寸（比如上網本 - 小屏幕）上找到了<div>的座標。

是否有辦法鎖定彼此的位置？我試圖用一個固定的容器來保存它們，但它們仍然移動。

<div id="container"> 
    <div id="container"></div> 
    <div id="container"></div> 
</div> 

編輯：

<div id="wrapper"> 
    <div id="container1"></div> 
    <div id="container2"></div> 
</div> 

CSS - 當我改變屏幕尺寸container1和container2的還是移動。

#wrapper { 
    position: fixed 
} 
#container1 { 
    position: fixed 
} 
#container2 { 
    position: fixed 
} 

我需要使用容器1/2 div上的相對定位嗎？

Answer 1

最重要的是，id是唯一。您不能在三個不同的元素上使用id="container"。每個人都必須擁有自己的id。

<div id="container"> 
    <div id="container"></div> 
    <div id="container"></div> 
</div> 

應該是這樣的......

<div id="wrapper"> 
    <div id="container1"></div> 
    <div id="container2"></div> 
</div> 

而且，哪裏是你的CSS代碼？

如果您不希望這些東西在窗口大小更改時相互推動，則一種方法是指定每個容器的確切大小和位置。

編輯：

同樣，沒有看到這個頁面，演示，或你想要什麼更好的說明的一個例子，這是炒作。

你可以把固定的位置放在包裝紙上，然後在<div>的內部放上一個確切的尺寸和位置。

Answer 2

position: fixed CSS規則「修復」元素在屏幕上的位置。一旦將其設置爲fixed，它將永遠不會從您放置的位置移開。由於您將fixed應用於所有元素，因此您會看到元素堆棧（可能位於屏幕的左上角，並考慮到您'不提供頂部或左邊的值）。

如果你想要子元素出現在你的固定容器內，只是不要加position: fixed給他們，他們會坐在父母的內部就好。

當然，所有這些都是純粹的推測，因爲我們無法看到您的問題的例子，也沒有您想要的結果。

Answer 3

你無法修復你這個div的位置。首先你必須找到你父母div的屏幕大小，其中包含你想要的中間div。像

<div id="parent"> <div id="middle_div"></div> </div> 
function getScreenSize() 
{ 
     var winW, winH; 
     winW = document.getElementById('parent').availWidth; 
     winh = document.getElementById('parent').availHeight; 
    } 

你這是怎麼VIL得到大小availabel父div.Then根據it.now設置父div的寬度和高度，如果你有父母DIV的寬度其輕鬆設置middle_div在中間母公司