將DIV放置在一個位置，以便瀏覽器窗口大小不會影響它

我的網頁頂部有一個DIV，名爲#cube。將DIV放置在一個位置，以便瀏覽器窗口大小不會影響它

正如您在下面的示例中看到的那樣，它是菜單欄頂部的紅色TC。我試圖找出如何使其保持在一個地方的窗口大小調整它定位：

enter image description here

這是目前對#cube的CSS：

#cube{ 
background: url(../images/logo-cube.png) no-repeat; 
width: 129px; 
height: 131px; 
z-index: 9999px; 
position: relative; 
top: 20px; 
left: 500px; 
}

一些幫助正確的方向與我需要做我的CSS將非常值得讚賞。

感謝

來源

2011-09-20 Tim

在沒有看到HTML和CSS的其餘部分是很難說。父容器是什麼？父母的定位是什麼？當你在一個元素上設置相對位置時，它會將該元素相對於最近的非靜態定位的祖先進行設置。如果沒有其他東西是非靜態定位你的div可能被錨定在身體標籤。如果你確實有一個包含div的設置位置，那麼這將使你朝着正確的方向前進。 – Jrod

嘿@Jrod看看http://s361608839.websitehome.co.uk/textcube/。 – Tim

我能看到的最快的修復方法是將你的多維數據集div放在'navbar-inner'內。給予'navbar-inner'位置相對並給你的立方體位置絕對。你將需要調整你的多維數據集div的值，將其放在你想要的位置，但之後你應該很好走。在附註中，我喜歡你的標誌。 – Jrod

你想讓它使用頂部和右側，而不是頂部和左側，然後它會遵循右手邊的位置。

我懷疑你也想在使用position: absolute;時也使用它。

來源

2011-09-20 13:28:22

謝謝，試過了。看看http://s361608839.websitehome.co.uk/textcube/你可以看到變化。這樣做的一件事是，它需要保持在頁面中心的912px寬度區域內，並且這會在瀏覽器窗口的右上方移動，並隨着窗口大小的改變而移動。 – Tim

對不起，在回答後不久就躺在牀上 - 看到你得到它雖然:) –

在你的CSS文件，你有這樣的

top: 20px; 
right: 20px;

從頂部取下PX和右

應該

#cube{ 
background: url(../images/logo-cube.png) no-repeat; 
width: 129px; 
height: 131px; 
z-index: 9999px; 
position: absolute; 
top: 20; 
right: 20; 
}

來源

2011-09-20 13:34:16 MHowey

謝謝@Michael Howey我只是想你說什麼，並在這裏上傳它http://s361608839.websitehome.co.uk/textcube/。沒有看到任何重大變化，也沒有像例證那樣結束。還有什麼想法？謝謝，蒂姆 – Tim

將DIV放置在一個位置，以便瀏覽器窗口大小不會影響它

回答

相關問題