border-box-and-max-content-003.html (740B)
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 fit-content 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-003-ref.html"> 7 <style> 8 .wrapper { 9 border: 1px solid red; 10 width: max-content; 11 } 12 .item { 13 max-width: fit-content(500px); 14 padding: 10px 20px; 15 box-sizing: border-box; 16 background-color: blue; 17 } 18 .content { 19 width: 500px; 20 height: 50px; 21 background-color: green; 22 } 23 </style> 24 <div class="wrapper"><div class="item"><div class="content"></div></div></div>