HTML CSS examples for CSS Layout:3 Column
Layout 3 divs with overflow scroll
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> body,html { max-height:100vh; } #content {<!-- w w w . j a va 2s . co m--> max-height:100%; } #div1,#div2,#div3 { background:Chartreuse; overflow-y:scroll; max-height:34vh; } </style> </head> <body> <div id="content"> <h2> title1 </h2> <div id="div1"> <div> row </div> <div> row </div> <div> row </div> <div> row </div> </div> <h2> title2 </h2> <div id="div2"> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> </div> <h2> title3 </h2> <div id="div3"> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> <div> row </div> </div> </div> </body> </html>