box-sizing-minmax-height-ref.html 1.1 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758
  1. <!DOCTYPE HTML>
  2. <html><head>
  3. <title>min-/max-height testcase for bug 308801</title>
  4. <style type="text/css">
  5. html,body {
  6. color:black; background-color:white; font-size:16px; padding:0; margin:0;
  7. }
  8. .test1 {
  9. height:35px;
  10. border:1px solid black;
  11. }
  12. .test2 {
  13. height:37px;
  14. background:black;
  15. }
  16. .test3 {
  17. height:21px;
  18. border:8px solid black;
  19. }
  20. p { height:43px; margin:0; padding:0; }
  21. </style>
  22. </head>
  23. <body>
  24. <div class="box min test1"></div>
  25. <br><div class="box min test2"></div>
  26. <br><div class="box min test3"></div>
  27. <br><div class="box max test1"><p></div>
  28. <br><div class="box max test2"><p></div>
  29. <br><div class="box max test3"><p></div>
  30. <br><!-- overflow:hidden -->
  31. <div class="hidden box min test1"></div>
  32. <br><div class="hidden box min test2"></div>
  33. <br><div class="hidden box min test3"></div>
  34. <br><div class="hidden box max test1"><p></div>
  35. <br><div class="hidden box max test2"><p></div>
  36. <br><div class="hidden box max test3"><p></div>
  37. </body>
  38. </html>