calc-height-block-1-ref.html (817B)
1 <!DOCTYPE HTML> 2 <html> 3 <head> 4 <title>CSS Reference: Test for height:calc() or min-height:calc() on blocks</title> 5 <link rel="author" title="L. David Baron" href="https://dbaron.org/"> 6 <style type="text/css"> 7 body { margin: 0 } 8 body > div { float: left; width: 1px; background: blue; } 9 </style> 10 </head> 11 <body> 12 13 <!-- tests with a fixed-height container --> 14 <div style="height: 50px"></div> 15 <div style="height: 50px"></div> 16 <div style="height: 75px"></div> 17 <div style="height: 45px"></div> 18 <div style="height: 40px"></div> 19 <div style="height: 30px"></div> 20 21 <!-- tests with an auto-height container --> 22 <div style="height: 50px"></div> 23 <div style="height: 10px"></div> 24 <div style="height: 10px"></div> 25 <div style="height: 10px"></div> 26 <div style="height: 10px"></div> 27 <div style="height: 10px"></div> 28 </body> 29 </html>