嗯，大家都知道Twitter的Bootstrap是一个很好的工具，对于像我这样对CSS不太了解的人来说，很多事情变得更容易。但是，有时也可能是一个问题。
事情是：我正在使用一个固定的940px宽，12列网格中心的布局与两列，我希望两个列具有相同的高度。现在的代码是这样的：
<div class="container">
<div class="content">
<div class="row">
<div class="span8 div-content">
<div class="center95">
<div id="notWrap">
<div id="not">
</div>
</div>
</div>
</div>
<div class="span4 div-sidebar">
<div class="center90">
<div id="myPWrap">
<div id="myP">
</div>
</div>
<hr />
<div id="otherPWrap">
<div id="otherP">
</div>
</div>
</div>
</div>
</div>
</div>
<footer id="bottom" class="footer">
<p>©</p>
</footer>
</div>
如你所见，有没有内容的div，如“myP”，“otherP”和“not”。它们通过Javascript填充，并且存储在其中的内容的数量可能会有所不同，因此，在许多时候，列(这里的“列”由div表示，“div-content”类和div与“div-sidebar”类)将大于另一个(在特定情况下，两列可能是“较大的”)。
这是一张照片，如果它有帮助：
基本上，代码中的左列(< div class =“span8 div-content”>)需要与右列的大小相同(< div class =“span4 div-sidebar”> in代码)，反之亦然。另外，如果有帮助，黄色部分是< div class =“content”>白色背景是< div class =“container”>。 < div class =“row”>只是两列的容器，没有颜色。
我知道“高度相同”的问题是网络程序员的一个常见问题，但是我迄今为止所尝试的解决方案没有奏效。我真的不喜欢“Faux Column解决方案”，因为我是CSS中的新手，所以我不想像这样一个解决方案。如果可能，我宁愿坚持纯CSS。
提前，感谢那些愿意帮助的人。
解决方法
一直为我工作的是：
#myPWrap,#otherPWrap {
overflow:hidden;
}
#myP,#otherP {
margin-bottom: -99999px;
padding-bottom: 99999px;
}
您还可以尝试将包装转换成表，将#myP转换为表格列。
#myPWrap,#otherPWrap {
display: table;
}
#myP,#otherP {
display: table-cell;
}
