layout/reftests/box-properties/box-sizing-minmax-width-ref.html

branch
TOR_BUG_9701
changeset 10
ac0c01689b40
equal deleted inserted replaced
-1:000000000000 0:6932d444ae1c
1 <!DOCTYPE HTML>
2 <html><head>
3 <title>min-/max-width testcase for bug 308801</title>
4 <style type="text/css">
5
6 html,body {
7 color:black; background-color:white; font-size:16px;
8 }
9
10 .test1, .test2 {
11 width:100px;
12 height:20px;
13 background:black;
14 }
15
16 .test3 {
17 width:30px;
18 border:10px solid black;
19 padding:25px;
20 }
21 br { margin-top:13px; }
22 </style>
23 </head>
24 <body>
25
26 <div style="float:left"><div class="box min test1"></div></div>
27
28 <br clear="all">
29 <div style="float:left"><div class="box min test2"></div></div>
30
31 <br clear="all">
32 <div style="float:left"><div class="box min test3"></div></div>
33
34 <br clear="all">
35 <br clear="all">
36 <div class="box max test1"></div>
37
38 <br clear="all">
39 <div class="box max test2"></div>
40
41 <br clear="all">
42 <div class="box max test3"></div>
43
44 <br clear="all">
45 <!-- overflow:hidden -->
46
47 <div style="float:left"><div class="hidden box min test1"></div></div>
48
49 <br clear="all">
50 <div style="float:left"><div class="hidden box min test2"></div></div>
51
52 <br clear="all">
53 <div style="float:left"><div class="hidden box min test3"></div></div>
54
55 <br clear="all">
56 <br clear="all">
57 <div class="hidden box max test1"></div>
58
59 <br clear="all">
60 <div class="hidden box max test2"></div>
61
62 <br clear="all">
63 <div class="hidden box max test3"></div>
64
65
66
67 </body>
68 </html>

mercurial