Question

我有一个ul浮动左边，它是旁边的容器div的垂直选项卡导航。容器div中填充了与ul具有相同数量的div。基本上，我需要从ul（.selector）的高度计算容器div（.selector-content）的最小高度。由于在我的页面上有这种安排的几个实例，如果每个div基于它的相应ul调整大小将是很好的。 ul和div都是手风琴组。该功能来自jQuery中的选项卡。如果有一个jQuery函数可以做到这一点，那将是非常好的。有什么想法吗？

<html>
<head>
</head>
<body>    
<div class="accordion">
 <p class="ac-head current">Panel 1</p>
  <div class="panel">
   <ul class="selector">
    <li>Tab 1</li>
    <li>Tab 2</li>
    <li>Tab 3</li>
    <li>Tab 4</li>
    <li>Tab 5</li>
   </ul>
  <div class="selector-content">
   <div class="content">Tab 1 Content</div>
   <div class="content">Tab 2 Content</div>
   <div class="content">Tab 3 Content</div>
   <div class="content">Tab 4 Content</div>
   <div class="content">Tab 5 Content</div>
  </div> <!-- Close selector-content -->
 </div> <!-- Close panel -->
</div> <!-- Close accordion -->    
</body>
</html

Answer 1

你有没有尝试过：？

$("div.panel").css({ "min-height": $("ul.selector").height() });

是否可以根据浮动ul的高度设置一个div的最小高度？

1 个答案: