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

branch
TOR_BUG_3246
changeset 6
8bccb770b82d
equal deleted inserted replaced
-1:000000000000 0:c2d9f94027c2
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>

mercurial