JSFiddle - React, Tailwind, and code Playground

by hajpoj

HTML

<div class=parent>
    <div class=child>
        child (some how im taller than my parent!)
    </div>
    <div class=child2>
        im not taller!
    </div>
</div>
<div class=clear></div>

CSS

.parent {
    height: 100px;
    background-color: red;    
}
.child {
    float: left;
    padding-top: 10px;
    height: 100%;
    background-color: green;
    width: 100px;    
}

.child2 {
    float: left;
    box-sizing: border-box;
    padding-top: 10px;
    height: 100%;
    background-color: yellow;
    width: 100px;    
}
clear {
    clear: both;   
}