等高布局 - padding-bottom/marign-bottom

by redky

HTML

<div class="box">
    <div class="side"></div>
    <div class="main"></div>
</div>

CSS

.side {
    float: left;
    width: 120px;
    height: 270px;
    background: #ffa;
}

.main {
    overflow: hidden;
    background-color: #717171;
    height: 200px;
}

.side,
.main {
    padding-bottom: 300px;
    margin-bottom: -300px;
}

.box {
    overflow: hidden;
}