Javascript 谁能帮我在jQuery中最小化高度？

我想在我的一个

分区中使用
minHeight
，但它不起作用，我不知道为什么

<div id="countries">
  <div class="fixed">
    <div class="country" style="marging-left:0px;"></div>
    <div class="country"></div>
    <div class="country"></div>
    <div class="country"></div>
    <div class="country"></div>
    <div class="country"></div>
  </div>
</div>
<script type="text/javascript">
  $("#countries").css("min-height", "100px");
  $(".fixed").css("minHeight", "100px");
  $(".country").css("height", $(window).height() * 0.4);    
</script>

它根本不起作用
 我猜您正在寻找
最大高度
，它将容器的高度限制为最大
100px
：

$(function () {
  $("#countries").css("max-height", "100px");
});

将其包装在
$（function（）{}）
中也是安全的。
您需要了解：

min height
是元素的最小高度，如果它没有子元素，则在
min height
之后它不会收缩
max height
是一个元素，如果超过该高度，则使用滚动键将其应用
因此，要做的唯一更改是css属性：

$("#countries").css("max-height", "100px");
//-------------------^^^^^^^^^^-------------this one.

演示：


$（'#countries1'）.css（'min-height'，'100px'）；
$（'#countries2'）.css（'max-height'，'100px'）
#国家1，
#国家2{
宽度：100px；
浮动：左；
背景：红色；
溢出：自动；
右边距：10px；
}
#countries1 div{背景：绿色；}
#countries2 div{背景：绿色；边框底部：实心1px黑色；}

最小高度：无滚动。
aaa
最大高度：有滚动条
aaa
bbb
ccc
ddd
eee
您可以使用！重要的声明，因为它有助于轻松覆盖正常的特异性

 <div id="countries" style="border: black 1px solid">
        <div class="fixed">
            <div class="country">Some Sample 1</div>
            <div class="country">Some Sample 2</div>
            <div class="country">Some Sample 3</div>
            <div class="country">Some Sample 4</div>
            <div class="country">Some Sample 5 </div>
        </div>
    </div>

    <style>
        .cutomMinHeight
        {
            min-height: 200px !important;
        }
    </style>

    <script type="text/javascript">
        $("#countries").addClass("cutomMinHeight");
        $(".fixed").addClass("cutomMinHeight");
    </script>


一些样本1
一些样本2
一些样本3
一些样本4
一些样本5
1.体重不足
{
最小高度：200px！重要；
}
美元（“#国家”）.addClass（“cutomMinHeight”）；
$（“.fixed”）.addClass（“cutomMinHeight”）；

jsfiddle上的工作示例


希望能有所帮助。
您能提供JSFIDDLE吗？它正在工作意味着Jquery正在工作。我想您是指maxHeight。没有？你想达到什么效果？
$（“#countries”）.css（“minHeight”，“100px”）没有问题（这将起作用），但它可能没有达到您期望的效果@阿米娜，我本来是这么想的，但我现在不确定。我认为他可能试图为#countries设置一个最小高度，使其大于它包含的“.country”div，在这种情况下，问题在于他使用完全不同的方法来定义每个位的高度。
 <div id="countries" style="border: black 1px solid">
        <div class="fixed">
            <div class="country">Some Sample 1</div>
            <div class="country">Some Sample 2</div>
            <div class="country">Some Sample 3</div>
            <div class="country">Some Sample 4</div>
            <div class="country">Some Sample 5 </div>
        </div>
    </div>

    <style>
        .cutomMinHeight
        {
            min-height: 200px !important;
        }
    </style>

    <script type="text/javascript">
        $("#countries").addClass("cutomMinHeight");
        $(".fixed").addClass("cutomMinHeight");
    </script>