<!doctype html> <style> .container { width: 100px; height: 100px; box-sizing: border-box; overflow: hidden; border: 1px solid black; display: block; } .content { width: 100%; height: 100%; background: blue; } </style> <div class="container"> <div class="content"></div> </div> <div class="container" style="padding-top: 20px; padding-left: 20px"> <div class="content"></div> </div> <div class="container" style="padding-right: 20px; padding-bottom: 20px"> <div class="content"></div> </div> <div class="container"> <div class="content"></div> </div>