SOURCE

<div class="wrapper">
  <div class="box">
    <h1>aaaa</h1>
    <p>adfdsafsadfsfas dfa;skfjas;ldkfj;lsakdjf;l akdsfj;laksdjf;lkdsjf;lkjdsaf;lkjdsaf;</p>
    <div class="bottom"></div>
  </div>
  
  <div class="box">
    <h1>aaaa</h1>
    <p>adfdsafsadfsf asdfa;skfjas;ldkfj ;lsakdjf;l ak  dsfj;laksdjfsadfasfsadfsadf ;lkdsjf;lkjdsaf;lkjdsaf;</p>
    <div class="bottom"></div>
  </div>
  
  <div class="box">
    <h1>aaaa</h1>
    <p>adfdsafsadfsfasdfa;skfjas;ld kfj;lsakdjf;lakdsfj;laksdjf;lss ssssssssssssssssssssssss ssssssssssssssssss sssssssssssssssssssssss ssssssssssssssssssss ssssssssssskdsjf ;lkjdsaf ;lkjdsaf;</p>
    <div class="bottom"></div>
  </div>
</div>

.wrapper{
  width:100%;
  overflow:hidden;
  position:relative;
}

.box{
  width:250px;
  /* border:1px solid red; */
  float:left;
  /* display:inline; */
  padding-left:20px;
  padding-right:20px;
  padding-top:20px;
  padding-bottom:520px;
  margin-bottom:-500px;
  
  margin-left:20px;
  background:#89ac10 url(http://joshua0125.test.upcdn.net/jingtongcss/charpter8/top.gif) no-repeat top left ;
}

 .bottom{
  position:absolute;
  bottom:0;
  height:20px;
   /* border:1px solid red; */
  width:290px;
  margin-left:-20px;
  background:url(http://joshua0125.test.upcdn.net/jingtongcss/charpter8/bottom.gif) #fff bottom left no-repeat;
}