calc-parenthesis-stack.html (1058B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title> 6 CSS Values and Units Test: 7 32 nested pairs of parentheses inside calc() 8 </title> 9 <meta name="assert" content=" 10 This test checks the support for the minimum required number of 32 nested pairs of parentheses inside a calc() function. 11 " /> 12 13 <!-- 14 More info: 15 [css-values] Limit nested pairs of parentheses in calc to 32 16 https://github.com/w3c/csswg-drafts/issues/3462 17 --> 18 19 <link 20 rel="author" 21 title="François REMY" 22 href="mailto:fremycompany.developer@yahoo.fr" 23 / > 24 25 <link rel="help" href="http://www.w3.org/TR/css3-values/#calc-notation"/> 26 27 <link 28 rel="match" 29 href="reference/all-green.html" 30 /> 31 32 <style type="text/css"> 33 34 html, body { margin: 0px; padding: 0px; } 35 36 html { background: red; overflow: hidden; } 37 #outer { position: absolute; top: 0px; left: 0px; background: green; width: 100%; } 38 #outer { height: calc((((((((((((((((((((((((((((((((100%)))))))))))))))))))))))))))))))); } 39 40 </style> 41 42 </head> 43 <body> 44 45 <div id="outer"></div> 46 47 </body> 48 </html>