菜单在浏览器大小调整时通过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

回答

相关问题