layout/reftests/forms/button/percent-width-child-2-ref.html@a63d609f5ebe
layout/reftests/forms/button/percent-width-child-2-ref.html
Thu, 15 Jan 2015 15:55:04 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:55:04 +0100
- branch
- TOR_BUG_9701
- changeset 9
- a63d609f5ebe
- permissions
- -rw-r--r--
Back out 97036ab72558 which inappropriately compared turds to third parties.
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 <style>
9 div.button {
10 display: inline-block;
11 border: 0;
13 /* Padding to match the -moz-focus-inner border/padding in testcase: */
14 padding: 1px 7px 1px 3px;
16 font: 10px sans-serif;
17 text-align: center;
18 vertical-align: top;
20 color: black;
21 background: gray;
22 }
24 div.p80 {
25 width: 80%;
26 background: pink;
27 }
29 div.p100 {
30 width: 100%;
31 background: yellow;
32 }
33 </style>
34 </head>
35 <body>
36 <!--Button has explicit width for us to resolve against: -->
37 <div class="button" style="width: 100px">
38 <div class="p80">abc</div>
39 </div>
41 <div class="button" style="width: 100px">
42 <div class="p100">abc</div>
43 </div>
45 <!--Button is using intrinsic width: -->
46 <div class="button">
47 <div class="p80">abc</div>
48 </div>
50 <div class="button">
51 <div class="p100">abc</div>
52 </div>
54 </body>
55 </html>
