如何使用CSS让父div自动扩展到其子div的高度？

扩展父级

使用CSS调整其子级的高度

为了自动扩展父级

的高度为了匹配其子元素的高度，可以有效地利用CSS。考虑以下页面结构：

  <div>
<p>要实现所需的扩展，只需对父 </p>
<div> 使用以下 CSS：<pre class="brush:php;toolbar:false">overflow: auto;

此外，如果子内容扩展超出浏览器窗口的宽度，导致父级

上出现水平滚动条，可以将 CSS 修改为以下：

父级：

overflow: auto;

子级：

display: table-row;