<div class="wrapper">

    <div class="box">

        <h1>wo shi hao ren</h1>

        <p>...</p>

        <div class="bottom"></div>

    </div>

    <div class="box">

        <h1>wo shi hao ren</h1>

        <p>...</p>

        <div class="bottom"></div>

    </div>

    <div class="box">

        <h1>wo shi hao ren</h1>

        <p>...</p>

        <div class="bottom"></div>

    </div>

</div>

.wrapper{

    width: 100%;

    overflow: hidden;

    position: relative;

}

.box{

    width: 250px;

    padding-left: 20px;

    padding-right: 20px;

    padding-top: 20px;

    padding-bottom: 520px;

    margin-bottom: 500px;

    margin-left: 20px;

    float: left;

    display: inline;

    background: url(../images/a.jpg) #ccc top left no-repeat;

}

.bottom{

    position: absolute;

    bottom:;

    height: 20px;

    width: 290px;

    background: url(../images/a.jpg) #ccc bottom left no-repeat;

    margin-left: -20px;

}