Question

说那是div.outer。在这个div中，有一些图像和段落。 div.outer的高度是动态的，因为它的高度是其子高度的总和。但是，有没有办法从div.outer的高度中减去一些单位？像calc（div的高度 - 50px）？在某些情况下我碰巧需要这个。

Answer 1

你不能使用纯css，因为使用calc，我们需要在div之外的高度，我们无法用css访问它。

$(document).ready(function(){
  var outerHeight = $('.outer').height();
  $('.outer').height(outerHeight - 40);
})

$(document).ready(function(){
  var outerHeight = $('.outer').height();
  $('.outer').height(outerHeight - 40);
})

.outer {
   background-color: blue;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="outer">
  <div class="inside">
     <p>This is test</p>
     <p>This is test</p>
     <p>This is test</p>
     <p>This is test</p>
  </div>
</div>

有没有办法计算（div的高度 - 某个单位）？

1 个答案: