layout/reftests/box-properties/box-sizing-minmax-height.html@8bccb770b82d
layout/reftests/box-properties/box-sizing-minmax-height.html
Wed, 31 Dec 2014 13:27:57 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 13:27:57 +0100
- branch
- TOR_BUG_3246
- changeset 6
- 8bccb770b82d
- permissions
- -rw-r--r--
Ignore runtime configuration files generated during quality assurance.
1 <!DOCTYPE HTML>
2 <html><head>
3 <title>min-/max-height testcase for bug 308801</title>
4 <style type="text/css">
6 html,body {
7 color:black; background-color:white; font-size:16px; padding:0; margin:0;
8 }
10 div {
11 margin:0;
12 padding:0;
13 }
15 .min { min-height:37px; }
16 .max { max-height:37px; }
17 .hidden { overflow:hidden; }
19 .box {
20 box-sizing: border-box;
21 }
23 .test1 {
24 border:1px solid black;
25 }
27 .test2 {
28 padding:3px;
29 background:black;
30 }
32 .test3 {
33 border:8px solid black;
34 padding:5px;
35 }
37 p { height:43px; margin:0; padding:0; }
39 </style>
40 </head>
41 <body>
43 <div class="box min test1"></div>
45 <br><div class="box min test2"></div>
47 <br><div class="box min test3"></div>
49 <br><div class="box max test1"><p></div>
51 <br><div class="box max test2"><p></div>
53 <br><div class="box max test3"><p></div>
55 <br><!-- overflow:hidden -->
57 <div class="hidden box min test1"></div>
59 <br><div class="hidden box min test2"></div>
61 <br><div class="hidden box min test3"></div>
63 <br><div class="hidden box max test1"><p></div>
65 <br><div class="hidden box max test2"><p></div>
67 <br><div class="hidden box max test3"><p></div>
69 </body>
70 </html>
