我想不通为什么又黄的高度div不延伸到100%的height父容器中。是的父容器的height设置为auto，但蓝色div的height也100%并具有里面的内容，所以我会假设父div也将增加高度，以适应这个（你可以看到黄色的DIV，这是部分下方的粉红色家长）。高度在那里，为什么黄色div不延伸到height父代的100％div？
我尝试将父项显示div为a table，子项显示div为表格单元格。将所有父元素设置为其他帖子建议的100％高度也不起作用。
前几天我遇到了这个问题，可以通过显示为表格和表格单元格来解决：内部div的高度未减小到100％的大小
由于原理相同，因此不确定为什么相同的解决方案不起作用。
任何帮助和解释将不胜感激。
#software {
width: 100%;
height: auto; /* HAS TO BE AUTO */
background: pink;
float: left;
margin-top: 50px;
}
#software-text {
background: lightblue;
width: 45%;
float: left;
text-align: left;
height: 100%;
}
#software-image {
background: yellow;
width: 55%;
float: right;
height: 100%;
}
.sections …如何简单地将h3标签和p标签显示在单独的行中，h3标签在顶部？
这段代码是一个较大项目的一部分，我知道还有其他方法可以将元素居中放置在单独的行上，但是我不想影响它（较大项目的父元素）并希望使用一个更简单的方法弹性盒。
.hover-over-windows-style {
height: 100%;
background: red;
/* Fails because h3 and p tags are not on separate lines */
display: flex;
align-items: center;
/* padding-top of 25% nearly works but content isnt in centre of parent div */
}
#parent {
height: 300px;
width: 300px;
}<div id="parent">
<div class="hover-over-windows-style">
<h3><a href="matches/blitz.html">H3 Tag on top</a></h3>
<p>Paragraph here should be below the H3 tag, on a separate line. Not sure how to get …