CSS：幫助我的menulinks不會留在同一個地方

幫助！這是我的菜單。我希望它留在同一個地方，所以如果你調整它的大小或拖動瀏覽器，它不應該遵循瀏覽器和移動菜單到一邊CSS：幫助我的menulinks不會留在同一個地方

<div id="mainmenu" style="position: relative;"> 
<div id="menuLinks" style="position: absolute; right: 70px; top: 10px; "> 
<a href="home.php">HEM</a> 
<a href="#">PROFILER</a> 
<a href="#">BILDER</a> 
<a href="#">DISKOTEKER</a> 
<a href="#">EVENTS</a> 
<a href="#" class="menu_class">KONTROLLPANEL</a> 
</div>

這隻有我改變DIV的MainMenu行：

<div id="mainmenu" style="position: relative; width: 1200px;">

（給一個寬度：）然後它停留在這個地方。但我不想指定寬度，因爲那麼對於其他一些屏幕分辨率就會結束得太早，所以......

我該如何解決這個問題？

來源

2010-08-18 Karem

使用position: absolute;作爲文檔中的固定位置（將滾動頁面）。

使用position: fixed作爲瀏覽器窗口中的固定位置。（滾動頁面時不會移動）

在這兩種情況下，使用left和top來指定起始位置。

在這兩種情況下，您都不需要指定寬度。

position: fixed將無法正常工作在IE 6

來源

2010-08-18 16:49:47

我試着固定，didnt影響它在所有。我試着給左而不是正確的，結果是，如果我調整菜單是現在向下，而不是現在 – Karem 2010-08-18 17:00:32

@Karem抱歉，但downvote，因爲它沒有在第一次嘗試工作是有點粗魯，而不是真正的激勵以幫助進一步。（如果是你的話，如果不是，我很抱歉。） – 2010-08-18 17:09:19

您可以使用位置絕對和設置，無論你測出來是拖放右屬性left屬性。

但更好的解決方案可能是使用浮動div。儘管不看代碼的其餘部分，但不可能告訴你。

這是一個有趣的項目，你可能會感興趣。http://960.gs/

來源

2010-08-18 16:51:39 maletor

浮動div？怎麼樣？左側的屬性只是讓菜單向下而不是向左（具有正確的屬性） – Karem 2010-08-18 17:01:41

這是一個奇妙的地方：http://www.barelyfitz.com/screencast/html-training/css/positioning/ – maletor 2010-08-18 18:36:09

CSS：幫助我的menulinks不會留在同一個地方

回答

相關問題