我目前用a解决了一个小问题table,见下文.基本上,我希望有两个div占用可用宽度的100%,但只占用所需的垂直空间(图中并不是那么明显).如图所示,两者应始终具有完全相同的高度,并且它们之间有一条小线.
alt text http://pici.se/pictures/qJRMtoLPv.png
这一切都很容易使用table,我现在正在做.但是,我不太热衷于解决方案,因为在语义上这实际上不是一个表.
我的HTML代码只是将页面分为两列,分别为65%,35%.
<div style="float : left; width :65%; height:auto;background-color:#FDD017;">
<div id="response">
</div>
</div>
<div style="float : left; width :35%;height:auto; background-color:#FDD017;">
<div id="note">
</div>
</div>
在response div,我有可变数据; 在note div,我有固定的数据.尽管两者div有两组不同的数据,但我需要它们以相同的高度显示,以便背景颜色看起来填充包含两者的框.当然,问题在于response div,其高度根据当前在其中显示的数据量而变化.
我怎样才能确保两列的高度始终相等？