2016-03-08 105 views
0

當我試圖在網頁上使用Bootstrap實現一些下拉列表時,我注意到其中一個在右側被切斷,如下所示:引導下拉列表 - 右側列表在Firefox上被切斷

a busy cat

我使用Firefox進行測試。 Firebug與overflow屬性沒有顯示任何衝突,但是當我去掉並重新激活菜單父容器的width屬性時,該行終於出現,但是粗體。我使用IE測試了頁面,菜單看起來很好。這只是Firefox的一個缺陷,可以通過某種方式解決嗎?我知道這只是一個小化妝品的問題,但它會在我的眼睛真的很可怕......

下面是我的一些HTML代碼:

<div class="container"> 
...  
<div class="para"> 
    ... 
    <form action="form.php" method="post" enctype="multipart/form data"> 
     ... 
     <div class="form-group"> 
      ... 
      <div class="row"> 
       ... 
       <div class="col-md-1"> 
        <select name="unit" size="1" class="form-control unit" required> 
         <option value="kW">kW</option> 
         <option value="MW">MW</option> 
         <option value="GW">GW</option> 
         <option value="kWh">kWh</option> 
         <option value="MWh">MWh</option> 
         <option value="GWh">GWh</option> 
        </select> 
       </div> 
       ... 
      </div> 
     </div> 
     ... 
    </form> 
</div> 

回答

1

,如果你換這個問題將解決

<div class="col-md-1"> 
    <div style="width:98%"> 
    <select name="unit" size="1" class="form-control unit" required> 
     <option value="kW">kW</option> 
     <option value="MW">MW</option> 
     <option value="GW">GW</option> 
     <option value="kWh">kWh</option> 
     <option value="MWh">MWh</option> 
     <option value="GWh">GWh</option> 
    </select> 
    </div> 
</div> 
+0

嗯,沒有工作,該行還沒有出現...... – StrikeAgainst

+0

我也給了選擇標籤的98%的寬度,該行是:你的由寬98%,像一個div元素選擇字段終於有了!感謝您給我提示。 – StrikeAgainst