在页面源代码中，我看到以下内容:

<div class="holder"> 
    <div id="s7" style="position: relative; width: 1366px; height: 474px; overflow: hidden;">

如果您将高度值放在标记中，它将使用此值而不是css文件中定义的高度。

你还需要在html元素上设置100%的高度:

html { height:100%; }

例如，如果你想要左列(height 100%)和内容(height auto) 你可以用absolute:

#left_column {
    float:left;
    position: absolute;
    max-height:100%;
    height:auto !important;
    height: 100%;
    overflow: hidden;

    width : 180px; /* for example */
}

#left_column div {
    height: 2000px;
}

#right_column {
    float:left;
    height:100%;
    margin-left : 180px; /* left column's width */
}

HTML格式:

  <div id="content">
      <div id="left_column">
        my navigation content
        <div></div>
      </div>

      <div id="right_column">
        my content
      </div>
   </div>

在页面源代码中，我看到以下内容:

<div class="holder"> 
    <div id="s7" style="position: relative; width: 1366px; height: 474px; overflow: hidden;">

如果您将高度值放在标记中，它将使用此值而不是css文件中定义的高度。

因为没有人提到这一点。

现代的方法:

除了将html/body元素的高度设置为100%，你还可以使用viewport-percentage length:

5.1.2. 视口百分比长度:“vw”，“vh”，“vmin”，“vmax”单位 viewport-percentage长度相对于初始包含块的大小。当初始包含块的高度或宽度发生变化时，它们将相应地缩放。

在这个例子中，你可以使用值100vh(这是视口的高度)-(示例)

body {
    height: 100vh;
}

设置最小高度也可以。(例子)

body {
    min-height: 100vh;
}

这些单元在大多数现代浏览器中都是支持的-可以在这里找到支持。

这可能不是理想的，但你总是可以用javascript来做。 或者在我的例子中是jQuery

<script>
var newheight = $('.innerdiv').css('height');
$('.mainwrapper').css('height', newheight);
</script>