Question

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

非常感谢任何帮助！

以下是一些代码：

这是我菜单中的CSS：

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

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

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

对不起，我对这一切都很陌生！感谢

Answer 1

更新的解决方案：

在css脚本中为标题添加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>

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

1 个答案: