Question

我想在minHeight之一中使用divs，但它不起作用，我不知道为什么......

<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>

我不知道为什么国家minHeight不适用。即使.country超过＆＃34;＃countries＆＃34;也是如此。我也用过：

$("#countries").css("minHeight","100px");    
$("#countries").attr("style","min-height:100px");

它根本不起作用。

Answer 1

你可以使用！important声明，因为它有助于轻松覆盖正常的特异性

 <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>

jsfiddle上的工作示例

https://jsfiddle.net/u7caty0o/1/

希望有所帮助。

谁能帮助我如何在jQuery中达到最小高度？

1 个答案: