contain-intrinsic-size-002.html (681B)
1 <!doctype html> 2 <meta charset="utf8"> 3 <title>CSS contain-intrinsic-size: div with max-content parent</title> 4 <link rel="author" title="Vladimir Levin" href="mailto:vmpstr@chromium.org"> 5 <link rel="help" href="https://drafts.csswg.org/css-sizing-4/#intrinsic-size-override"> 6 <link rel="match" href="contain-intrinsic-size-002-ref.html"> 7 <meta name="assert" content="contain-intrinsic-size is used to size the div, with parent's max-content width respecting it"> 8 9 <style> 10 #border { 11 width: max-content; 12 border: 1px solid black; 13 } 14 #target { 15 background: lightblue; 16 contain-intrinsic-size: 111px 222px; 17 contain: size; 18 } 19 </style> 20 21 <div id=border> 22 <div id=target></div> 23 </div>