layout/reftests/box-properties/box-sizing-minmax-height.html

changeset 0
6474c204b198
     1.1 --- /dev/null	Thu Jan 01 00:00:00 1970 +0000
     1.2 +++ b/layout/reftests/box-properties/box-sizing-minmax-height.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,70 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html><head>
     1.6 +    <title>min-/max-height testcase for bug 308801</title>
     1.7 +    <style type="text/css">
     1.8 +
     1.9 +        html,body {
    1.10 +            color:black; background-color:white; font-size:16px; padding:0; margin:0; 
    1.11 +        }
    1.12 +
    1.13 +        div {
    1.14 +            margin:0;
    1.15 +            padding:0;
    1.16 +        }
    1.17 +        
    1.18 +	.min { min-height:37px; }
    1.19 +	.max { max-height:37px; }
    1.20 +	.hidden { overflow:hidden;  }
    1.21 +
    1.22 +        .box {
    1.23 +            box-sizing: border-box;
    1.24 +        }
    1.25 +
    1.26 +        .test1 {
    1.27 +            border:1px solid black;
    1.28 +        }
    1.29 +
    1.30 +        .test2 {
    1.31 +            padding:3px;
    1.32 +	    background:black;
    1.33 +        }
    1.34 +
    1.35 +        .test3 {
    1.36 +            border:8px solid black;
    1.37 +            padding:5px;
    1.38 +        }
    1.39 +
    1.40 +        p { height:43px; margin:0; padding:0; }
    1.41 +
    1.42 +    </style>
    1.43 +</head>
    1.44 +<body>
    1.45 +
    1.46 +<div class="box min test1"></div>
    1.47 +
    1.48 +<br><div class="box min test2"></div>
    1.49 +
    1.50 +<br><div class="box min test3"></div>
    1.51 +
    1.52 +<br><div class="box max test1"><p></div>
    1.53 +
    1.54 +<br><div class="box max test2"><p></div>
    1.55 +
    1.56 +<br><div class="box max test3"><p></div>
    1.57 +
    1.58 +<br><!-- overflow:hidden -->
    1.59 +
    1.60 +<div class="hidden box min test1"></div>
    1.61 +
    1.62 +<br><div class="hidden box min test2"></div>
    1.63 +
    1.64 +<br><div class="hidden box min test3"></div>
    1.65 +
    1.66 +<br><div class="hidden box max test1"><p></div>
    1.67 +
    1.68 +<br><div class="hidden box max test2"><p></div>
    1.69 +
    1.70 +<br><div class="hidden box max test3"><p></div>
    1.71 +
    1.72 +</body>
    1.73 +</html>

mercurial