在介绍 div 元素之前，需要先了解 CSS 的基础知识。CSS 是用于控制网页样式和布局的语言，通过 CSS 样式可以美化大家的网页，使其更具有视觉效果。在 CSS 中，大家可以使用盒子模型(box model)来设置元素的盒子大小和形状，也可以使用弹性盒子模型(flexbox)或其他盒子模型来设置元素的盒子大小和形状。
接下来，大家来看如何设置两个 div 元素的高度。首先，大家需要创建两个 div 元素，并将它们添加到页面中。然后，大家可以使用 CSS 的 float 属性来让其中一个 div 元素垂直居中，另一个 div 元素水平居中。接着，大家可以使用 CSS 的 clear 属性来清除浮动，使它们保持固定的高度。
例如，大家可以创建一个包含两个 div 元素的页面，其中一个 div 元素垂直居中，另一个 div 元素水平居中。然后，大家可以使用以下 CSS 代码来设置这两个 div 元素的高度：
.parent {
width: 300px;
height: 300px;
margin: 0 auto;
.child {
width: 100px;
height: 100px;
background-color: blue;
float: left;
clear: left;
在这个例子中，大家使用 CSS 的 float 属性让其中一个 div 元素垂直居中，另一个 div 元素水平居中。大家使用 clear 属性来清除浮动，使它们保持固定的高度。
通过使用 CSS 来控制元素的高