HTML元素高度计算规则

Question

我不明白为什么HTML代码中的<div>会从其容器高度计算中删除，尽管它的高度非零且没有绝对定位。

我曾尝试简化代码并在jsfiddle中重现问题，但我无法在此处重现问题，因此在我看来，我唯一的选择是让您查看{{3} }。

问题是，当您将窗口缩小到宽度小于768像素（这是我的CSS中的一个断点）时，包含日历和时间选择器的<div class="vs-month-timepicker-container">会获得计算出的高度，该高度不包括时间选择器（哎呀，它甚至不包括完整的日历），因此发生在它下面的<div class="wpv-booking-option-title wpv-booking-accommodation-title">内，其中包含文本“您想要哪个住宿？”与日历和时间选择器重叠。

你能帮我理解为什么吗？

Answer 1

删除元素flex-wrap: wrap;的{​​{1}}，然后确定高度。