Overflow

Height

by Kondal Durgam

HTML

<div class="area-one">
  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsum
  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum  lorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum Ipsumlorepum...

CSS

.area-one {
  width: 40%;
  float: left;
  height: calc(100% - 0px);
  overflow:auto;
  margin-right: 30px;
  padding: 30px;
  background: red;
  color: white;
}

.area-two {
  width: calc(60% - 50px);
  float: right;
  height: calc(100% - 0px);
  overflow:auto;
  padding: 30px;
  color: white;
  background: blue;
}

html, body {
  height: 100%;
  background: #ccc;
  padding: 20px;
}
body {
  padding: 20px;
  background: white;
}
* {
  box-sizing: border-box;
}