HTML / CSS相同大小，无论文本

Question

嘿我需要有关部分的帮助，如何使部分大小不受文本大小的影响。照片：

我希望无论文字大小如何，这两个部分的大小都与左边相同。这是CSS

#info2 {
    background-color: white;
    float: left;
    width: 45%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 2%;
    padding-top: 0.1%;
}
#info3 {
    background-color: white;
    float: right;
    width: 45%;
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
} 

Answer 1

创建为您想要的部分添加一个类，并将其命名为sectionHeight。然后创建css设置其高度。

例如;

<强> HTML

<div class="sectionHeight" id="info2"></div>
<div class="sectionHeight" id="info3"></div>

<强> CSS

#info2 {
    background-color: white;
    float: left;
    width: 45%;
    padding-bottom: 2%;
    padding-left: 2%;
    padding-right: 2%;
    margin-top: 2%;
    padding-top: 0.1%;
}
#info3 {
    background-color: white;
    float: right;
    width: 45%;
    margin-top: 2%;
    padding-left: 2%;
    padding-right: 2%;
}   

. sectionHeight {
    height:20%
    }