Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
​
<title>Test</title>
<style type="text/css">
html, body {
    margin: 0;
    padding: 0;
    overflow: scroll;
}
#header {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 50px; 
    background: green
}
#content {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 
      50;
    background: #ccc;
    overflow: auto;
  width: 100%;
  
}
  
</style>
</head>
<body>
  <div id="header">header</div>
  <div id="content">
    <div style="float: left; width: 200px; background: red; height: 100%;">
      neki alksdjalskdjalksaaaaaaaaaaaaaaaaaaaa djalksdj laksjd lakjdk jalk jsdlakjs d
    </div>
    
    <div style="float: left; width: 200px; background: blue; height: 100%;">
      <div style="padding: 10px;">neki alksdjalskdjalks djalksdj laksjd lakjdk jalk jsdlakjs d</div>
    </div>
    
    content
    a<br />
    a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />aa<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />aa<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a<br />a
  </div>
  </div>
</body>
</html>
​
Output

This bin was created anonymously and its free preview time has expired (learn why). — Get a free unrestricted account

Dismiss x
public
Bin info
anonymouspro
0viewers