box-sizing-minmax-height.html (1334B)
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 div { 11 margin:0; 12 padding:0; 13 } 14 15 .min { min-height:37px; } 16 .max { max-height:37px; } 17 .hidden { overflow:hidden; } 18 19 .box { 20 box-sizing: border-box; 21 } 22 23 .test1 { 24 border:1px solid black; 25 } 26 27 .test2 { 28 padding:3px; 29 background:black; 30 } 31 32 .test3 { 33 border:8px solid black; 34 padding:5px; 35 } 36 37 p { height:43px; margin:0; padding:0; } 38 39 </style> 40 </head> 41 <body> 42 43 <div class="box min test1"></div> 44 45 <br><div class="box min test2"></div> 46 47 <br><div class="box min test3"></div> 48 49 <br><div class="box max test1"><p></div> 50 51 <br><div class="box max test2"><p></div> 52 53 <br><div class="box max test3"><p></div> 54 55 <br><!-- overflow:hidden --> 56 57 <div class="hidden box min test1"></div> 58 59 <br><div class="hidden box min test2"></div> 60 61 <br><div class="hidden box min test3"></div> 62 63 <br><div class="hidden box max test1"><p></div> 64 65 <br><div class="hidden box max test2"><p></div> 66 67 <br><div class="hidden box max test3"><p></div> 68 69 </body> 70 </html>