overflow-hidden-table-ref.html (575B)
1 <!DOCTYPE html> 2 <style> 3 main * { 4 box-sizing: border-box; 5 } 6 main .table { 7 overflow: hidden; 8 border: 20px solid green; 9 width:90px; 10 } 11 main .caption { 12 height: 30px; 13 background: lightblue; 14 width:90px; 15 text-align: center; 16 } 17 main .cell { 18 padding:0px; 19 width: 50px; 20 height:50px; 21 } 22 </style> 23 <main> 24 <div class="table"> 25 <div class="cell"> 26 <div style="width:50px;height:50px"> 27 <div style="width:500px;height:500px;background:pink"></div> 28 </div> 29 </div> 30 </div> 31 <div class="caption" style="caption-side:bottom">caption</caption> 32 </main>