css实现内容不相同的左右两个div等高

<div id="#warp">
    <div class="left">
        <br>
        <br>
        <br>
        left
    </div>
    <div class="right">right</div>
</div>

#wrap {
    overflow: hidden;
    width: 1000px;
    margin: 0 auto;
}
#left,
#center {
    margin-bottom: -10000px;
    padding-bottom: 10000px;
}
#left {
    float: left;
    width: 250px;
    background: #00ffff;
}
#center {
    float: left;
    width: 500px;
    background: #ff0000;
}

.left,
.right {
    padding: 10px;
    display: table-cell;
    border: 1px solid #f40;
}

.wrap {
    display: -webkit-box;
}
.left,
.right {
    padding: 10px;
    border: 1px solid #f40;
}