1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/w3c-css/submitted/values3/calc-offsets-relative-bottom-1.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,32 @@
1.4 +<!DOCTYPE HTML>
1.5 +<html>
1.6 +<head>
1.7 + <title>CSS Test: Test for bottom:calc() on relatively 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; height: 100px; width: 3px; }
1.14 +div[style] { background: blue; position: relative; height: 10px; }
1.15 +</style>
1.16 +</head>
1.17 +<body>
1.18 +
1.19 +<!-- tests with a fixed-height container -->
1.20 +<div><div style="bottom: calc(-50px)"></div></div>
1.21 +<div><div style="bottom: calc(-50%)"></div></div>
1.22 +<div><div style="bottom: calc(-25px - 50%)"></div></div>
1.23 +<div><div style="bottom: calc(-150% / 2 + 30px)"></div></div>
1.24 +<div><div style="bottom: calc(-40px - 10% + 20% / 2)"></div></div>
1.25 +<div><div style="bottom: calc(-40px + 10%)"></div></div>
1.26 +
1.27 +<!-- tests with an auto-top container -->
1.28 +<div><div><div style="bottom: calc(-50px)"></div></div></div>
1.29 +<div><div><div style="bottom: calc(-50%)"></div></div></div>
1.30 +<div><div><div style="bottom: calc(-25px - 50%)"></div></div></div>
1.31 +<div><div><div style="bottom: calc(-150% / 2 + 30px)"></div></div></div>
1.32 +<div><div><div style="bottom: calc(-40px - 10% + 20% / 2)"></div></div></div>
1.33 +<div><div><div style="bottom: calc(-40px + 10%)"></div></div></div>
1.34 +</body>
1.35 +</html>
