简述CSS如何实现左右等高布局？

参考答案：

实现左右等高布局的一个常见方法是使用CSS的Flexbox（弹性盒子）模型。Flexbox可以轻松地处理元素的垂直和水平对齐，并且可以很容易地实现等高布局。

以下是一个基本的示例：

<!DOCTYPE html>
<html>
<head>
<style>
.container {
  display: flex;
  justify-content: space-between;
}

.box {
  flex: 1;
  border: 1px solid black;
  padding: 20px;
  box-sizing: border-box;
}
</style>
</head>
<body>

<div class="container">
  <div class="box">
    <p>左侧内容</p>
  </div>
  <div class="box">
    <p>右侧内容</p>
  </div>
</div>

</body>
</html>

在这个示例中，.container类是一个flex容器，它有两个子元素（.box类）。display: flex;属性使得这两个子元素在水平方向上并排显示。justify-content: space-between;属性则在两个子元素之间添加空间。

flex: 1;属性使得两个.box元素在垂直方向上等高。这是因为flex子元素会尝试填满其父元素的可用空间，并且由于两个子元素的flex值相同，所以它们会平分这个空间。

请注意，这种方法假设左侧和右侧的内容没有固定的高度，如果左侧或右侧的内容有固定高度，那么这种方法可能无法正常工作。

另外，对于IE11及以下版本，Flexbox的支持可能不完全，如果你需要支持这些浏览器，可能需要使用其他方法，如表格布局或JavaScript。