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