引导3：表头创建水平滚动

首先这里的链接：http://isotopethemes.com/extenso/header-10.html 引导3：表头创建水平滚动

HTML代码：

<header id="header-10"> 
    </div><!-- /.header-10-top --> 
    <!-- MAIN NAVIGATION --> 
    <div class="header-10-main"> 
     <div class="container"> 
      <div class="row"> 
       <div class="header-10-logo col-lg-3 col-md-3 col-sm-3"> 
        <a href="#"><img src="img/logo.png" alt="Home 10 Main Logo"></a> 
       </div><!-- /.header-10-logo --> 
       <div class="header-10-nav col-lg-9 col-md-9 col-sm-9"> 
        <nav class="navbar navbar-10 navigation-10" role="navigation"> 
         <ul onClick="" class="zetta-menu zm-response-switch zm-effect-slide-top"> 
          <li class="zm-active zm-content-full first"> 
           <a href="#"> 
            Home 
           </a> 
          </li> 
          <li class="zm-content-full"> 
           <a href="#"> 
            Sliders 
           </a> 
          </li> 
          <li class="zm-content-full"> 
           <a href="#"> 
            Pages 
           </a> 
          </li> 
          <li> 
           <a href="#"> 
            Portfolio 
           </a> 
          </li> 
          <li class="zm-content-full"> 
           <a href="#"> 
            Elements 
           </a> 
          </li> 
          <li> 
           <a href="#"> 
            Blog 
           </a> 
          </li> 
          <li class="last"> 
           <a href="#"> 
            Contact 
           </a> 
          </li> 
         </ul><!-- /.zetta-menu --> 
        </nav><!-- /.navbar-10 --> 
       </div><!-- /.header-10-nav --> 
      </div><!-- /.row --> 
     </div><!-- /.container --> 
    </div><!-- /.header-10-main --> 
</header><!-- /#header-10 -->

如果删除了 '标题-10-主' 或 '报头10-NAV' 它解决了这个问题。

对于1370px以下的任何分辨率，都有一个水平滚动条。我用检查员检查了所有元素，但没有一个超出正文。只有'溢出：隐藏'的作品，但然后下拉不起作用。

任何帮助，将不胜感激。

来源

2014-10-28 chandan

请在这里发布相关的代码 – tjati 2014-10-28 15:29:59

首先，不要使用重复的ID：bs-example-navbar-collapse-1 – Andi 2014-10-28 15:34:32

我已经删除了重复的ID，但仍然出现水平栏 – chandan 2014-10-28 15:38:46

更改以下元素的宽度。

.zetta-menu .w-150 { 
    width: 140px; // Currently, width: 150px; 
}

更好，如果你可以打开博客菜单的第二级下拉[博客 - >博客列表]左侧。目前它在右侧开放，造成问题。

来源

2014-10-28 15:44:49

谢谢你的回答。我真的无法改变这种风格，因为它会影响很多其他风格。感谢您找到问题的原因。我会在这里弄清楚它的形式。 – chandan 2014-10-28 15:59:18

是的，更好地打开左侧的二级下拉菜单。 – 2014-10-29 05:06:45

主要问题是家长列出的项目没有足够的伸展。感谢您发现问题。 – chandan 2014-10-29 05:11:18

引导3：表头创建水平滚动

回答

相关问题