JSFiddle - React, Tailwind, and code Playground

HTML

<div class="height-100 green">
    <div class="height-auto blue">
        Content define height<br/>
        Content define height<br/>
        aaa
        <div class="height-0 right red">
        </div>
    </div>
    <div class="height-225px yellow">
        <div class="height-100 right red">
        </div>
    </div>
</div>

CSS

body {
    padding: 0;
    margin: 0;
}
html, body, .height-100 {
    height: 100%;
}
.height-auto {
    height: auto;
}
.height-225px {
    height: 225px;
}
.right {
    min-width: 10px;
    float: right;
}
.red {
    background: red;
}
.blue {
    background: blue;
}
.green {
    background: green;
}
.yellow {
    background: yellow;
}

JavaScript

a=[2];
allert(a);