Tip: you can modify some code before running
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Untitled Document</title><style type="text/css"><!--*{margin:0;padding:0;}body,html{height:100%;}body{font:12px/160% Arial, Helvetica, sans-serif;position:relative;}.top{width:100%;position:absolute;height:60px;top:0;left:0;background:#ccc;}.foot{position:absolute;background:#ccc;bottom:0;left:0;width:100%;height:60px;}.main{position:absolute;top:60px;left:0;right:0;bottom:60px;background:#333;}.left{width:300px;float:left;height:100%;background:#0F9;}.right{margin-left:320px;height:100%;background:#00F;overflow: scroll;}--></style></head><body><div class="top">Header 60px</div><div class="main"><div class="left"></div> <div class="right"> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> <br /><br /><br /><br /><br /> </div></div><div class="foot">Bottom 60px</div></body></html>
Tip: you can modify some code before running