/Div-100-height-minus-fixed-size.html
Last active Dec 17, 2015
Html example with a top with specific height and the rest of the content with width 100%
| <!DOCTYPE html> | |
| <html> | |
| <head> | |
| <title>Test</title> | |
| <style type="text/css"> | |
| html, | |
| body{ | |
| padding: 0px; | |
| margin: 0px; | |
| height: 100%; | |
| width: 100%; | |
| } | |
| #root { | |
| height:100%; | |
| width:100%; | |
| background:blue; | |
| position:relative; | |
| } | |
| #top { | |
| height:30px; | |
| position:absolute; | |
| background:green; | |
| width:100%; | |
| } | |
| #main { | |
| position:absolute; | |
| width:100%; | |
| top:30px; | |
| bottom:0; | |
| background:red; | |
| } | |
| </style> | |
| </head> | |
| <body> | |
| <div id="root"> | |
| <div id="top"></div> | |
| <div id="main"></div> | |
| </div> | |
| </body> | |
| </html> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment