HTML CSS examples for CSS Layout:Column Layout
Create left right column fixed layout
<html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style id="compiled-css" type="text/css"> #left { width: 100px; position: fixed; top: 0; left: 0; background: red; } #right { width: 100px; position: fixed; top: 0; right: 0; background: blue; } #center {<!--from w w w. jav a2 s. com--> margin-left: 100px; margin-right: 100px; height: 750px; background: green; } </style> </head> <body> <div id="left"> left left <br> left left <br> left left <br> </div> <div id="center"> center </div> <div id="right"> right right <br> right right <br> right right <br> </div> </body> </html>