layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html@925c144e1f1f
layout/reftests/flexbox/flexbox-box-sizing-on-items-vert-1-ref.html
Fri, 16 Jan 2015 18:13:44 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Fri, 16 Jan 2015 18:13:44 +0100
- branch
- TOR_BUG_9701
- changeset 14
- 925c144e1f1f
- permissions
- -rw-r--r--
Integrate suggestion from review to improve consistency with existing code.
1 <!DOCTYPE html>
2 <!--
3 Any copyright is dedicated to the Public Domain.
4 http://creativecommons.org/publicdomain/zero/1.0/
5 -->
6 <html>
7 <head>
8 <link rel="author" title="Daniel Holbert" href="mailto:dholbert@mozilla.com">
9 <meta charset="utf-8">
10 <style>
11 .container {
12 width: 30px;
13 height: 100px;
14 border: 1px solid black;
15 float: left;
16 margin: 2px;
17 }
18 .itemA {
19 width: 22px;
20 height: 22px;
21 background: purple;
22 border: 4px solid indigo;
23 }
24 .itemB {
25 width: 20px;
26 height: 40px;
27 background: teal;
28 border: 5px solid lightblue;
29 }
30 </style>
31 </head>
32 <body>
33 <!-- FIRST ROW -->
34 <!-- 1 inflexible item -->
35 <div class="container">
36 <div class="itemA"></div>
37 </div>
38 <!-- 1 flexible item -->
39 <div class="container">
40 <div class="itemA" style="height: 92px"></div>
41 </div>
43 <div style="clear: both"></div>
45 <!-- SECOND ROW -->
46 <!-- 2 inflexible items -->
47 <div class="container">
48 <div class="itemA"></div>
49 <div class="itemB"></div>
50 </div>
51 <!-- 2 flexible items -->
52 <div class="container">
53 <div class="itemA" style="height: 32px"></div>
54 <div class="itemB" style="height: 50px"></div>
55 </div>
56 </body>
57 </html>
