我希望你能帮我翻译一下。这是有关编程的内容,需要让它更加易于理解。请注意,保留HTML标记,不要添加解释。以下是需要翻译的内容:
我无法使我的列高度相同。我只想让列高度相同。以下是我的代码:
HTML:
<main>
<div id="left-column">
<div id="facets"></div>
</div>
<div id="right-column">
<div id="stats"></div>
<div id="hits"></div>
<div id="pagination"></div>
</div>
</main>
CSS(层叠样式表):
#left-column {
float: left;
width: 25%;
background-color: #fff;
border-right: 1px solid #cdcdcd;
}
#right-column {
width: 75%;
margin-left: 25%;
}
我遇到的问题是,由于每个
的id都会动态生成内容,每列的高度将基于这些
中的内容。是否有办法将列设置为比另一列更长的高度?或者是否有一种方法可以将列高度设置为固定值?我尝试为每个添加height: 1000px,但似乎CSS甚至都没有应用。任何帮助都将不胜感激。