box-sizing-minmax-height-ref.html (1132B)
1 <!DOCTYPE HTML> 2 <html><head> 3 <title>min-/max-height testcase for bug 308801</title> 4 <style type="text/css"> 5 6 html,body { 7 color:black; background-color:white; font-size:16px; padding:0; margin:0; 8 } 9 10 .test1 { 11 height:35px; 12 border:1px solid black; 13 } 14 15 .test2 { 16 height:37px; 17 background:black; 18 } 19 20 .test3 { 21 height:21px; 22 border:8px solid black; 23 } 24 25 p { height:43px; margin:0; padding:0; } 26 </style> 27 </head> 28 <body> 29 30 <div class="box min test1"></div> 31 32 <br><div class="box min test2"></div> 33 34 <br><div class="box min test3"></div> 35 36 <br><div class="box max test1"><p></div> 37 38 <br><div class="box max test2"><p></div> 39 40 <br><div class="box max test3"><p></div> 41 42 <br><!-- overflow:hidden --> 43 44 <div class="hidden box min test1"></div> 45 46 <br><div class="hidden box min test2"></div> 47 48 <br><div class="hidden box min test3"></div> 49 50 <br><div class="hidden box max test1"><p></div> 51 52 <br><div class="hidden box max test2"><p></div> 53 54 <br><div class="hidden box max test3"><p></div> 55 56 </body> 57 </html>