css - 菜单在浏览器调整大小时通过 H2

Question

我有一个带有 h2 的标题和一个菜单。在每个分辨率下，菜单都应始终位于右侧。但是当我调整窗口大小时(以更改分辨率)，菜单会直接通过 H2。任何想法如何解决这个问题？我已经看了 3 天多了。

非常感谢任何帮助!

这是一些代码:

http://jsfiddle.net/JHJcQ/

这是我菜单中的 CSS:

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

要在现实生活中看到它:http://nickdaelemans.be/wordpress/

尝试调整浏览器大小，看看会发生什么

对不起，我对此很陌生!谢谢

Answer 1

更新的解决方案:

在您的 css 脚本中为您的 header 添加 min-width 标签。

通常为了避免这些类型的问题，整个页面被划分为 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>