max-length-percent-001.html (666B)
1 <!doctype html> 2 <meta charset="utf-8"> 3 <title>CSS values: max() between pixel and percentage values</title> 4 <link rel="help" href="https://drafts.csswg.org/css-values-4/#comp-func"> 5 <link rel="match" href="reference/200-200-green.html"> 6 <link rel="author" title="Xiaocheng Hu" href="mailto:xiaochengh@chromium.org"> 7 <style> 8 html, body { margin: 0px; padding: 0px; } 9 #parent { width: 400px; } 10 #target { 11 width: max(100px, 25% + 100px, 150px + 10%); 12 height: 200px; 13 background: green; 14 } 15 #fail { 16 width: 200px; 17 height: 200px; 18 position: absolute; 19 z-index: -1; 20 background: red; 21 } 22 </style> 23 <div id=parent> 24 <div id=fail></div> 25 <div id=target></div> 26 </div>