
双列布局中右列高度与左列不等
下面的代码是双列布局 html 和 css 代码:
document
运行此代码后,会发现右列的高度与左列不相等。这个问题是如何解决的?
解决方案
要解决这个问题,可以将 .parent 的子元素包装在一个额外的 .box 容器中,如下所示:
通过添加 .box 容器并在其中包裹 .left 和 .right 元素,可以使这两个元素的高度受 .box 容器内容的影响。由于 .box 容器没有指定高度,因此其高度将由其包含的子元素撑开,从而确保 .left 和 .right 的高度相等。










