Div总是加载父级的高度并调整jQuery或CSS的大小

Question

我在名为“main-row”的父级中有两列名为.lcol和.rcol的列，我想确保这些列始终是父级“main-row”的100％高度。这是因为一个元素在列之间是绝对浮动的，我想确保它们不与236px高的元素重叠。

到目前为止我已经

了

<script type="text/javascript">
jQuery(document).ready(function($){
$(".rcol, .lcol").height($(".main-row").height() + 236);   
});

这很好，但是它会将孩子设置为特定的高度，并且在调整大小时，它从初始点开始被罚款。

如果类'base'存在，并且仅当窗口宽度超过480 px宽时，我也只想触发它。

正如您所看到的，我正在使用jQuery，但如果有一种纯CSS方式可以使用它，那将非常有趣。

非常感谢

Glennyboy

更新：

这几乎有效

 <script type="text/javascript">
//Initial load of page
jQuery(document).ready(sizeContent);

//Every resize of window
jQuery(window).resize(sizeContent);

//Dynamically assign height
function sizeContent() {
  var newHeight = jQuery(".main-row").height() + "px";
  jQuery(".rcol").css("height", newHeight);
 }
  </script>

问题在于，每次调整大小时，.lcol会逐渐变大，并且与内容成比例地增加。