0

我有一个带有 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/

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

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

4

1 回答 1

0

更新的解决方案：

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-26T15:24:24.750 回答