2016-06-12 81 views
0

這裏是導航欄HTML導航欄下拉菜單不超過容器

<div class="row"> 
         <div class="col-xs-12"> 
          <nav class="navbar" id="nav_menu"> 
           <ul class="nav navbar-nav"> 
            <li class="item"><a href="">Home</a></li> 
            <li class="dropdown item open"> 
             <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="true">About us</a> 
             <ul class="dropdown-menu"> 
              <li><a href="">People</a></li> 
             </ul> 
            </li> 
           </ul> 
          </nav> 
         </div> 
        </div> 

enter image description here

而且問題是尺寸限制在導航欄的高度,這意味着下拉框中不能去超出導航欄大小。我懷疑這不是由z-index檢查後造成的。這與溢出有關,但任何元素標籤需要更改?

感謝您的幫助

的測試環節: http://kotechweb.com/kmk/

+1

你可以在jsfiddle中分享代碼嗎? – Thinker

+1

查看側面菜單的z-index – moped

+1

請分享以下網站的代碼或鏈接。 – frnt

回答

2

<div class="row" style="overflow:visible;"></div>

1

擺脫

.left_menu_body { 
    margin-bottom: -99999px; 
    padding-bottom: 99999px; 
} 
.row { 
    overflow: hidden; 
} 

真不明白你爲什麼這樣做瘋狂的.left_menu_body

「黑客」
+0

,因爲左側col需要與右側 – user782104

+0

相同的高度..這是最糟糕的方式 – moped