0 
 <div class="carousel-inner">
   ...
   <ul class="dropdown-menu">
    <li>...</li>
    <li>...</li>
    <li>...</li>
    <li>...</li>
   </ul>
</div>

div タグに 4 つの要素がありますが、2 つしか表示されません。高さを上げてすべてのドロップダウン項目を表示するにはどうすればよいですか。

私はoverflow:auto;を使用しました。しかし、これは見栄えの悪い親要素全体にスクロールを追加しています。また、padding-bottom もここで機能しますが、不要なドロップダウンの背後にある親の背景を拡張します。

fuelux .dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  width: 23%;
  min-width: 50px;
  display: block;

}

 .fuelux .carousel-inner {
   position: relative;
   width: 100%;
   overflow: hidden;
   line-height: 1;
 }
4

2 に答える 2

0

高さを div-wrapper に設定していますか?

はいの場合、スタイルシートから高さを削除すると、高さは div-wrapper 内のコンテンツによって自動的に設定されます。

例えば：

スタイル：

div {
width: 200px; float: left;
}

ul li {
height: 20px; width: 200px; float: left;
}

ul 内に 4 つの要素がある場合、div-wrapper の高さは 80px になります。

私はあなたを助けることができることを願っています;）

于 2013-09-04T11:53:08.017 に答える