javascript - 使用 javascript 或 css 自动高度 div

Question

<分区>

Answer 1

您可以单独使用 CSS 解决这个问题，使用伪列技术，这里是一个演示:https://jsfiddle.net/1r8xygnL/ .我更新了下面的 ID 和 CSS，以反射(reflect)您链接到的页面上的 ID。

<div id="main">
    <div class="faux-col-right"><!-- this is just for the background //--></div>

    <div id="center">
    <!-- center column content goes here //-->
    </div>

    <div id="right">
    <!-- right column content goes here //-->
    </div>
</div>

#main {
    position: relative;
    overflow: auto;
    zoom: 1;
}

.faux-col-right {
    background: #cccccc;
    position: absolute;
    left: 69.047619047619%;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1;
}

#right {
    width: 30.952380952381%;
    float: left;
    position: relative;
    z-index: 2;
}

#center {
    width: 69.047619047619%;
    float: left;
}