layout/reftests/box-properties/box-sizing-minmax-width.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-width.html	Wed Dec 31 06:09:35 2014 +0100
     1.3 @@ -0,0 +1,83 @@
     1.4 +<!DOCTYPE HTML>
     1.5 +<html><head>
     1.6 +    <title>min-/max-width 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;
    1.11 +        }
    1.12 +
    1.13 +        div {
    1.14 +            margin:0;
    1.15 +            padding:0;
    1.16 +        }
    1.17 +        
    1.18 +	.min { min-width:100px; }
    1.19 +	.max { max-width:100px; }
    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:10px solid black;
    1.28 +        }
    1.29 +
    1.30 +        .test2 {
    1.31 +            padding:10px;
    1.32 +	    background:black;
    1.33 +        }
    1.34 +
    1.35 +        .test3 {
    1.36 +            border:10px solid black;
    1.37 +            padding:25px;
    1.38 +        }
    1.39 +br { margin-top:13px; }
    1.40 +    </style>
    1.41 +</head>
    1.42 +<body>
    1.43 +
    1.44 +<div style="float:left"><div class="box min test1"></div></div>
    1.45 +
    1.46 +<br clear="all">
    1.47 +<div style="float:left"><div class="box min test2"></div></div>
    1.48 +
    1.49 +<br clear="all">
    1.50 +<div style="float:left"><div class="box min test3"></div></div>
    1.51 +
    1.52 +<br clear="all">
    1.53 +<br clear="all">
    1.54 +<div class="box max test1"></div>
    1.55 +
    1.56 +<br clear="all">
    1.57 +<div class="box max test2"></div>
    1.58 +
    1.59 +<br clear="all">
    1.60 +<div class="box max test3"></div>
    1.61 +
    1.62 +<br clear="all">
    1.63 +<!-- overflow:hidden -->
    1.64 +
    1.65 +<div style="float:left"><div class="hidden box min test1"></div></div>
    1.66 +
    1.67 +<br clear="all">
    1.68 +<div style="float:left"><div class="hidden box min test2"></div></div>
    1.69 +
    1.70 +<br clear="all">
    1.71 +<div style="float:left"><div class="hidden box min test3"></div></div>
    1.72 +
    1.73 +<br clear="all">
    1.74 +<br clear="all">
    1.75 +<div class="hidden box max test1"></div>
    1.76 +
    1.77 +<br clear="all">
    1.78 +<div class="hidden box max test2"></div>
    1.79 +
    1.80 +<br clear="all">
    1.81 +<div class="hidden box max test3"></div>
    1.82 +
    1.83 +
    1.84 +
    1.85 +</body>
    1.86 +</html>

mercurial