是否可以使用基于浮动 ul 高度的变量设置 div 的最小高度？答案

【问题标题】：Is it possible to set the min-height of a div with a variable based on height of floated ul?是否可以使用基于浮动 ul 高度的变量设置 div 的最小高度？
【发布时间】：2012-10-19 01:57:28
【问题描述】：

我有一个 ul 向左浮动，它是一个垂直选项卡导航，用于旁边的容器 div。容器 div 填充了与 ul 具有 li 相同数量的 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

【问题讨论】：

标签： javascript jquery css

【解决方案1】：

您是否尝试过简单的：？

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

【讨论】：

刚刚做了，但似乎不起作用。我可能会倒退，但我更希望选择器内容 div 调整大小。当我将“div.panel”切换为“div.selector-content”时，由于某种原因，它会根据内容调整大小，而不是 ul 的高度。
ul 是 float:left 和它有什么关系吗？或许我可以数出 li 的数量并返回那个高度？
现在我已经放弃了，只是将选择器内容 div 的最小高度设置为大于最大导航 ul。尝试动态执行此操作背后的想法是，如果 li 在我将页面放置到位后由最终用户添加，因为它可能不会由我永久维护。