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