菜單在瀏覽器大小調整時通過H2

我有一個帶有h2和菜單的標題。菜單應該始終保持在每個分辨率的右側。但是當我調整窗口大小（改變分辨率）時，菜單通過H2。任何想法如何解決這個問題？我已經看了3天以上。菜單在瀏覽器大小調整時通過H2

任何幫助非常感謝！

下面是一些代碼：

這是從我的菜單中的CSS：

#headermenu .menu-primary-menu-container { 
width: 749px; 
float: right; 
right: 3%; 
position: relative; 
bottom: 50px;

要看到它在現實生活中：http://nickdaelemans.be/wordpress/

嘗試調整瀏覽器，看看會發生什麼

對不起，我對此很新鮮！由於

來源

2013-04-26 Nick Daelemans

恩，代碼會有幫助 – 2013-04-26 15:22:28

嗨，尼克，歡迎您！請你張貼你的代碼（最好在http://jsfiddle.net小提琴）。您可能還會發現這對今後提出問題的超級幫助：http://stackoverflow.com/faq#howtoask :) – LeonardChallis 2013-04-26 15:24:45

更新的解決方案：

添加min-width標籤在你的CSS腳本你的頭。

一般爲了避免這些類型的問題整個頁面被分成div容器。一個人應該把他的所有頁面內容放在一個大容器中，並給它一些屬性，如邊距，填充，位置，以及在你的情況下最小寬度。嘗試添加給定的CSS。

對不起，片刻。這是你的代碼。

在http://fiddle.jshell.net/qpqZs/上找到它嘗試在CSS中整齊地使用標籤。刪除您從未使用過的額外課程。

<div id="container"> 

<div id="headermenu"> 
    <h2 >FASHIONFABRICE</h2> 
    <div class="menu-primary-menu-container"> 
     <ul id="menu-primary-menu" class="primary"> 
      <li id="menu-item-101" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-101"><a href="http://nickdaelemans.be/wordpress/">About</a> 
      </li> 
      <li id="menu-item-100" class="menu-item menu-item-type-post_type menu-item-object-page current-menu-item page_item page-item-8 current_page_item current_page_parent menu-item-100"><a href="http://nickdaelemans.be/wordpress/?page_id=8">Blog</a> 
      </li> 
      <li id="menu-item-99" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-99"><a href="http://nickdaelemans.be/wordpress/?page_id=9">Styling</a> 
      </li> 
      <li id="menu-item-98" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-98"><a href="http://nickdaelemans.be/wordpress/?page_id=10">Contact</a> 
      </li> 
      <li id="menu-item-97" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-97"><a href="http://nickdaelemans.be/wordpress/?page_id=11">Follow Us</a> 
      </li> 
      <li id="menu-item-96" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-96"><a href="http://nickdaelemans.be/wordpress/?page_id=12">Press</a> 
      </li> 
     </ul> 
    </div> 
</div> 
<div id="logo"> 
    <img src="http://nickdaelemans.be/wordpress/wp-content/themes/follow-me-darling-child/img/FashionFabrice Logo.png" /> 
</div> 
</div>

來源

2013-04-26 15:24:24 unkn0wn

沒有爲我工作.. – 2013-04-26 16:02:46

您是否嘗試過將整個內容插入到div標記中？並將此最小寬度應用於該容器。我不知道你的代碼格式。嘗試使用此最小寬度作爲您的身體標記。我遇到了同樣的問題。解決它。請參閱testnzip.comli.com進行檢查 – unkn0wn 2013-04-26 16:05:57

http://jsfiddle.net/JHJcQ/1/查看是否有效。 – unkn0wn 2013-04-26 16:09:29

菜單在瀏覽器大小調整時通過H2

回答

相關問題