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% 
    }