1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/values3/calc-offsets-absolute-bottom-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,33 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <title>CSS Test: Test for bottom:calc() on absolutely positioned elements</title>
1.8 + <link rel="author" title="L. David Baron" href="http://dbaron.org/">
1.9 + <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation">
1.10 + <meta name="flags" content="">
1.11 +<style type="text/css">
1.12 +body { margin: 0 }
1.13 +body > div { float: left; margin-top: -90px; height: 100px; margin-bottom: 90px; width: 3px; position: relative }
1.14 +div[style] { background: blue; position: absolute; height: 10px; width: 3px }
1.15 +div.space { height: 100px }
1.16 +</style>
1.17 +</head>
1.18 +<body>
1.19 +
1.20 +<!-- tests with a fixed-height container -->
1.21 +<div><div style="bottom: calc(-50px)"></div></div>
1.22 +<div><div style="bottom: calc(-50%)"></div></div>
1.23 +<div><div style="bottom: calc(-25px - 50%)"></div></div>
1.24 +<div><div style="bottom: calc(-150% / 2 + 30px)"></div></div>
1.25 +<div><div style="bottom: calc(-40px - 10% + 20% / 2)"></div></div>
1.26 +<div><div style="bottom: calc(-40px + 10%)"></div></div>
1.27 +
1.28 +<!-- tests with an auto-bottom container -->
1.29 +<div><div><div style="bottom: calc(-50px)"></div><div class="space"></div></div></div>
1.30 +<div><div><div style="bottom: calc(-50%)"></div><div class="space"></div></div></div>
1.31 +<div><div><div style="bottom: calc(-25px - 50%)"></div><div class="space"></div></div></div>
1.32 +<div><div><div style="bottom: calc(-150% / 2 + 30px)"></div><div class="space"></div></div></div>
1.33 +<div><div><div style="bottom: calc(-40px - 10% + 20% / 2)"></div><div class="space"></div></div></div>
1.34 +<div><div><div style="bottom: calc(-40px + 10%)"></div><div class="space"></div></div></div>
1.35 +</body>
1.36 +</html>
