Css: высота элемента в 100% — 100px
Да, calc-ом оно делается ровно так (100%-100px).
Но его не все браузеры до сих пор умеют, так что вот ещё один способ:
|
1 2 3 4 |
<body> <div class="header"></div> <div class="main"></div> </body> |
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 |
body { width: 100%; height: 100%; margin: 0; padding: 0; } .header { width: 100%; height: 100px; background-color: blue; box-sizing: border-box; padding: 0; } .main { position: absolute; top: 100px; right: 0; bottom: 0; left: 0; background-color: red; } |
Similar Posts
- None Found
2 Responses so far.