0

これがその下のコンテンツまたはnav-collapseそれ自体の問題であるかどうかはわかりませんが、Firefoxで問題を再現できるように見える唯一の方法は、以下のコードでに変更float:leftすることです。float:none基本的に、メニューを切り替えると、その下のコンテンツはIE9でプッシュダウンされません

.navbar .navbar-inner  .nav-collapse.collapse 
  {
    background: #6E2E8F;
    border-radius: 5px 5px 5px 5px;
    float: left;
    height: 0px;
    margin-bottom: 15px;
    padding: 0;
    width: 100%;
}

.navbar {overflow: visible;}

これが出力されたhtmlです...

<div class="navbar">
<div class="navbar-inner">
   <a data-target=".nav-collapse" data-toggle="collapse" class="brand visible-phone">   Categories</a>
   <a data-target=".nav-collapse" data-toggle="collapse" class="btn btn-navbar">
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
      <span class="icon-bar"></span>
   </a>
<div class="nav-collapse collapse">
   <ul class="nav">
   <li>***CONTENT***</li>
    <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown">
     <span>Start Shopping
     </span><span class="active_downarrow"></span></a>
     <span class="sub-menu-response">
         <ul class="dropdown-menu" >  ***CONTENT***     </ul>
         <ul class="dropdown-menu" >  ***CONTENT***     </ul>
         <ul class="dropdown-menu" >  ***CONTENT***     </ul>
         <ul class="dropdown-menu" >  ***CONTENT***     </ul>
         <ul class="dropdown-menu" >  ***CONTENT***     </ul>
     </span>
     </li>
    <li>  ***CONTENT***  </li>
    <li> ***CONTENT***   </li>
    <li>***CONTENT*** </li>
   </ul>
   </div>
</div>
</div>

ここにサイトへのリンクがあります... http：//bc_mobile.hailstormcommerce.com/

4

1 に答える 1

1

このcssクラスを追加してみてください。

.nav-collapse.collapse.in {
height: auto !important;
}

ナビゲーションをドロップダウンすると、ブートストラップによって初期幅が固定されるためです。

于 2013-03-11T23:16:52.507 に答える