CSS是前端開發(fā)中經(jīng)常用到的一種樣式表語言，通過CSS可以控制網(wǎng)頁中的各種樣式。本文主要介紹如何通過CSS控制兩個框高一樣的方法。

.container {
display: flex;
}
.box {
flex: 1;
height: 200px;
background-color: #f0f0f0;
padding: 10px;
}

首先，在HTML文件中創(chuàng)建兩個div元素，將它們包裹在一個容器div中。

<div class="container">
<div class="box">
<p>Box 1</p>
</div>
<div class="box">
<p>Box 2</p>
</div>
</div>

然后，在CSS文件中定義容器div的display屬性為flex，這樣容器中的子元素會自動排列成一行。而子元素的flex屬性被設(shè)置為1，表示它們平均占據(jù)容器的剩余空間。

另外，為了保證子元素的高度一致，可以將其高度設(shè)置為相同的數(shù)值，這里用的是200px。為了更好的展示效果，同時對子元素的padding屬性進(jìn)行設(shè)置。最終，通過背景色控制子元素的顏色。

通過以上設(shè)置，就可以實(shí)現(xiàn)兩個框高一樣的效果了。