求助 如何把这个栏变细些

感觉太臃肿了些

好复杂啊

这个是浏览器窗口头部的大体框架，参考一下吧！


<!-- 页头，即页面标签以上的部分 -->
  <toolbox id="navigator-toolbox" class="toolbox-top">
<!-- Menu 菜单栏 -->
    <toolbar type="menubar" id="toolbar-menubar" class="chromeclass-menubar">
<toolbaritem id="menubar-items">
<menubar id="main-menubar">
<!-- 文件菜单 -->
            <menu id="file-menu" label="文件"></menu>
            <!-- 编辑菜单 -->
            <menu id="edit-menu" label="编辑"></menu>
            <!-- 查看菜单 -->
            <menu id="view-menu" label="查看"></menu>
            <!-- 历史菜单 -->
            <menu id="history-menu" label="历史"></menu>
            <!-- 书签菜单 -->
            <menu id="bookmarksMenu" label="书签"></menu>
            <!-- 工具菜单 -->
            <menu id="tools-menu" label="工具"></menu>
            <!-- 帮助菜单 -->
           <menu id="helpMenu" />
        </menubar>
      </toolbaritem>
    </toolbar>
    
    
    <!-- 工具栏 -->
    <toolbarpalette id="BrowserToolbarPalette">

      <toolbaritem id="unified-back-forward-button" class="chromeclass-toolbar-additional">
        <toolbarbutton id="back-button" class="toolbarbutton-1" label="后退"></toolbarbutton>
        <toolbarbutton id="forward-button" class="toolbarbutton-1" label="前进"></toolbarbutton>
      </toolbaritem>
      <toolbarbutton id="reload-button" class="toolbarbutton-1 chromeclass-toolbar-additional" label="重新载入" />
      <toolbarbutton id="stop-button" class="toolbarbutton-1 chromeclass-toolbar-additional" label="停止" />
      <toolbarbutton id="home-button" class="toolbarbutton-1 chromeclass-toolbar-additional" label="主页" />
      
      <!-- 地址栏 -->
      <toolbaritem id="urlbar-container" title="地址" class="chromeclass-location">
        <textbox id="urlbar" flex="1">
          <box id="identity-box" >
            <hbox align="center">
              <stack id="page-proxy-stack">
                <image id="urlbar-throbber" busy="false" />
                <image id="page-proxy-favicon" />
              </stack>
              
              <label id="identity-icon-label" />
            </hbox>
          </box>
          
          <hbox id="urlbar-icons">
            <button class="plain urlbar-icon" id="feed-button" >
              <menupopup />
            </button>
            
            <image id="safebrowsing-urlbar-icon" class="urlbar-icon" />
           <image id="star-button" class="urlbar-icon" />
           <image id="go-button" class="urlbar-icon" />
          </hbox>
          
        </textbox>
      </toolbaritem>
      
      
      <!-- 搜索框 -->
      <toolbaritem id="search-container" title="搜索" class="chromeclass-toolbar-additional">
      </toolbaritem>
    </toolbarpalette>
    
    <!-- nav-bar是控制工具栏与地址栏以及搜索框所在的行的高度，凡流原来都不知道，修改了样式查看效果后才知道 -->
    <toolbar id="nav-bar" class="toolbar-primary chromeclass-toolbar"></toolbar>
    
  </toolbox><!-- end 页头结束 -->

发生错乱了

菜单栏是 #toolbar-menubar

这些我都是放在菜单栏的 怎么改？

#nav-bar {
height:35px !important;
}

这个是控制工具栏与地址栏以及搜索框所在的行的高度，高度你自己调试一下，在30px-35px 算是比较合适的吧！

P.S 把上面那个样式属性添加进 userChrome.css ，若 userChrome.css 这个文件不存在则创建它，目录是配置文件夹下的 chrome 文件夹里，如我的是D:\Firefox\Profiles\chrome（这个路径是自定义的，方便备份）