如何检测子div的高度超过父div的高度

 min-height: 40px;

根据my point,您无需检查每个子元素的高度。

如果检查B,则子元素高度足够大,因为这是子元素C和D的父元素

据此,下面的JS代码将为您提供解决方案

// get parent div #A 
var parentElement = document.getElementById('A'); 

// parent div #A initialHeight
var parentDivOffsetHeight = 40; // no need to mentionion px

// get child div #B offest height
var childDivOffsetHeight = document.getElementById('B').offsetHeight;

// check if child div height is greater than parent div or not
if(childDivOffsetHeight > parentDivOffsetHeight){
    //set child div height to parent div
    parentElement.style.height = childDivOffsetHeight+'px';
}

相关JS小提琴: https://jsfiddle.net/katheer_mizal/3ouypevd/18/

要检查元素高度,可以使用以下方法

阴蒂 包括填充。

var clientHeight = document.getElementById('B').clientHeight;

越界 包括填充、滚动条和边框。

var offsetHeight = document.getElementById('B').offsetHeight;

等于$('content').css('height')。

var offsetHeight = document.getElementById('B').style.height;