html - 我怎样才能匹配 css 高度左右 div？

Question

我想平均匹配左右div的高度。

这是代码。

html,

<div id="base">
            <div id="leftleft">
                left
                <br/>
                I WANT THIS HEIGHT TO BE SAME AS RIGHT DIV
                <br/>
            </div>
            <div id="rightright">
                RIGHT DIV HEIGHT WILL BE
                <br/>
                CHANGED DYNAMICALLY BASED ON THE SERVER SIDE DATA.
                <br/>
                I WANT TO MATCH THE LEFT
                <br/>
                AND RIGHT DIV HEIGHT EQUALLY.
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>
                right
                <br/>

            </div>
        </div>

CSS,

    #leftleft {
            float: left;
            background: #1B8BC6;
            width: 300px;
        }
        #rightright {
            float: left;
        }
        #base {
            height: 100%;
        }

fiddle ，

http://jsfiddle.net/9Kwry/1/

有人可以给我建议吗？谢谢。

Answer 1

所以你可以这样做 display: table; 然后用 display: table-cell 设置 divs。所以左边和右边永远是一样的。好旧的 table !

CSS:

#leftleft {
    background: #1B8BC6;
    width: 100px;
    height: 100%;
    display: table-cell;
}
#rightright {
    display: table-cell;
}
#base {
    height: 100%;
    display: table;
}

DEMO HERE