Html 无法在网站设计的顶部栏中获取div

嗨，我正在为我的网站制作一个主题，在页面的右上角有一个用户菜单。它位于一个紫色条内，该条还包含页面标题。我已经设法把用户菜单放在右边，但我无法把它放在顶部的栏中，它只是放在栏的下面。为了准确理解我的意思，这里有一个指向我网站的链接

我相信这与整个页面的页眉div扩展有关，但我无法让它缩小到只填充250px

HTML代码如下所示：

<div id="headerWrap" style="position:fixed;width:100%; height:59px;z-index:1;background-color:#494158;">
    <div id="header" style="width:250px;">
        <h1 style="margin-bottom:0; margin-left:20px; color:#fff;" id="Title">GaiGO CPanel</h1>
    </div>
    <div id="userMenuButton" style="float:right;margin-right:10px;width:auto;">
        <span style="color:#fff;">Hi, Riley Evans</span>
        <img src="user.png" height="30" width="30"/>
    </div>
</div>

盖戈卡内尔
嗨，赖利·埃文斯

---

感谢您提前回复，我相信他们会帮我解决这个问题。

自动为

div

元素提供

display:block

属性/值。尝试显示：内联块。一些额外的调整可能是必要的，但这应该让你的方式。您也可以考虑用<代码> SUP< <代码>元素来包装代码，而不是<代码> div 元素。

您只需在您的体标签中尝试此代码。我在头中的内联CSS中进行了一些更改，用户按钮DIV ID的

<div id="container">
        <div id="headerWrap" style="position:fixed;width:100%; height:59px;z-index:1;background-color:#494158;">
            <div id="header" style="width:250px;float:left">
                <h1 style="margin-bottom:0; margin-left:20px; color:#fff;" id="Title">GaiGO CPanel</h1>
            </div>
            <div id="userMenuButton" style="float:right;margin-right:10px;width:auto;margin-top:25px;">
                <span style="color:#fff;">Hi, Riley Evans</span>
                <img src="user.png" height="30" width="30">
            </div>
        </div>
        <div id="menuWrap" style="position:fixed; height:100%; z-index:0;">
            <div id="menuHolder" style="background-color:#77bb66;height:inherit;width:50px;float:left;margin-top:21px;position:relative;">
                <table class="menu" style="margin:0 auto; margin-top:38px;">
                    <tbody>
                        <tr>
                            <td class="sideMenuOption" id="dashboardButton" onclick="menuSlider('dashboardSubMenu')">
                                <img src="/style/images/designer-icons/Home-48.png" width="40" height="40">
                            </td>
                        </tr>
                        <tr>
                            <td class="sideMenuOption" id="pagesButton" onclick="menuSlider('pagesSubMenu')">
                                <img src="/style/images/designer-icons/Multi-Page-48.png" width="40" height="40">
                            </td>
                        </tr>
                        <tr>
                            <td class="sideMenuOption" id="mediaButton" onclick="menuSlider('mediaSubMenu')">
                                <img src="/style/images/designer-icons/Picture-48.png" width="40" height="40">
                            </td>
                        </tr>
                        <tr>
                            <td class="sideMenuOption" id="stylesButton" onclick="menuSlider('stylesSubMenu')">
                                <img src="/style/images/designer-icons/Brush-01-48.png" width="40" height="40">
                            </td>
                        </tr>
                        <tr>
                            <td class="sideMenuOption" id="settingsButton" onclick="menuSlider('settingsSubMenu')">
                                <img src="/style/images/designer-icons/Settings-02-48.png" width="40" height="40">
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
            <div id="subMenuHolder" class="hide">
                <ul class="subMenu dashboardSubMenu" id="dashboardSubMenu">
                    <li>Home</li>
                    <li>My Site</li>
                    <li>Stats</li>
                </ul>
                <ul class="subMenu pagesSubMenu" id="pagesSubMenu">
                    <li>Pages</li>
                    <li>New page</li>
                </ul>
                <ul class="subMenu mediaSubMenu" id="mediaSubMenu">
                    <li>Library</li>
                    <li>Upload</li>
                </ul>
                <ul class="subMenu stylesSubMenu" id="stylesSubMenu">
                    <li>Themes</li>
                    <li>Customise</li>
                    <li>Menus</li>
                    <li>Mobile</li>
                </ul>
                <ul class="subMenu settingsSubMenu" id="settingsSubMenu">
                    <li>General</li>
                    <li>Site</li>
                    <li>Account</li>
                </ul>
                <div id="closeSubMenuButton" onclick="subMenuClose()">
                    <img src="/style/images/designer-icons/Arrowhead-Left-01-48.png" height="30" width="30">
                </div>
            </div>
        </div>
        <div id="contentWrap" style="width:100%;height:2000px;">
            <div id="content" style="background-color:#EEEEEE;float:left;width:100%;height:2000px;margin-top:59px;margin-left:0px;">
                <div id="contentHolder" style="margin-left:50px;">Content goes here</div>
            </div>
        </div>
    </div>

盖戈卡内尔
嗨，赖利·埃文斯

家
我的网站
统计数据


页数
新页


图书馆
上传


主题
定制
菜单
流动的


一般的
场地
帐目

内容在这里

菜单出现在左侧，你想把它放在右边吗？“约翰不，它在右边，但是它的页眉我想把它放在它旁边。如果你看问题的链接，你会看到我的意思是你好”RILYETEX15岁，你需要把你的<代码>用户按钮< /代码> div放在你的页眉里，还是需要放菜单。你应该认真考虑一下。

onclick

events

onmouseover

。当你真的做得很好时，你唯一需要的脚本就是确保下拉/弹出菜单对可访问性/制表键起作用。@John抱歉，我不明白你的意思。谢谢，原来我需要更改

display:inline block

是否只是你添加的

float:left

而已？是的，只需要在标题div中设置该div。您需要将userButton div放在标题中还是需要从顶部栏放置菜单？？