JSFiddle - React, Tailwind, and code Playground

by Vitaliy

HTML

<div class="parent">
    <div>i know about parrent's padding</div>
</div>
<div class="parent">
    <div class="descendant">i don't care about parrent's padding</div>
</div>

CSS

.parent{
    width:150px;
    height:100px;
    background:#ccc;
    padding:10px;
    position:relative;
    margin-bottom:20px;
    box-sizing:border-box;
}
.descendant{
    position:absolute;
    left:0;
    top:0;
    bottom:0;
    right:0;
}