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

Wed, 31 Dec 2014 07:16:47 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 07:16:47 +0100
branch
TOR_BUG_9701
changeset 3
141e0f1194b1
permissions
-rw-r--r--

Revert simplistic fix pending revisit of Mozilla integration attempt.

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

mercurial