border-box-and-max-content-002.html (680B)
1 <!DOCTYPE html> 2 <meta charset="utf-8"> 3 <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1"> 4 <title>border-box and max-content with aspect ratio should include borders</title> 5 <link rel="help" href="https://drafts.csswg.org/css-sizing-3"> 6 <link rel="match" href="border-box-and-max-content-002-ref.html"> 7 <style> 8 .wrapper { 9 border: 1px solid red; 10 width: max-content; 11 } 12 .item { 13 max-width: max-content; 14 height: 500px; 15 aspect-ratio: 1; 16 padding: 10px 20px; 17 box-sizing: border-box; 18 background-color: blue; 19 } 20 </style> 21 <div class="wrapper"> 22 <div class="item"></div> 23 </div>