検索結果ブートストラップでNavbarを壊しています

Question

私はajaxとphpを使用して検索ボックスに結果を表示しようとしていますが、すべて正常に動作していますが、結果を表示する際に問題が発生しています。

この私のnav-バーコード

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
     <!-- Brand and toggle get grouped for better mobile display --> 
     <div class="navbar-header"> 
      <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> 
       <span class="sr-only">Toggle navigation</span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
       <span class="icon-bar"></span> 
      </button> 

     </div> 

     <!-- Collect the nav links, forms, and other content for toggling --> 
     <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> 

      <div class="col-sm-6 col-md-6"> 
    <form class="navbar-form" role="search"> 
    <div class="input-group"> 
     <input type="text" class="form-control" placeholder="Search" onkeyup="showresult(this.value)" name="q" autocomplete='off'> 
     <div id="livesearch"></div> 
     <div class="input-group-btn"><button class="btn btn-default"><i class="glyphicon glyphicon-search"></i></button> 
     </div> 
     </form> 


</div> 
<ul class="nav navbar-nav navbar-right"> 
/*code Reducted */ 



<li><a href="kart.php"> <span class="glyphicon glyphicon-shopping-cart"></span> Shopping Cart</a></li> 
</ul> 
     </div> 
     <!-- /.navbar-collapse --> 
    </div> 
    <!-- /.container --> 
</nav> 

は、誰もがGoogleの

のように、結果を表示する方法を私を助けることができるかもしれ私は何かを逃している、私は午前まだ学んでいる。

Answer 1

だからokが、私はGoogleと努力して、これは私が問題を解決するのに役立ちます

#livesearch 
{ 
    position: absolute; 
    width: auto; 
    background: white; 
    border-bottom-left-radius: 10px; 
    border-bottom-right-radius: 10px; 
    max-height: 200px; 
    overflow-y: auto; 

    border: 1px solid gray; 

    /*This is relative to the navbar now*/ 
    left: 0; 
    right: 0; 
    top: 40px; 
} 

答えを得る