JSFiddle - React, Tailwind, and code Playground

HTML

<div><!-- diese div ist unnötig, es ist nur da um beide fälle in einem dokument zu haben -->
    <div class="foo">foo</div>
    <div class="bar">bar</div>
</div>
<div><!-- diese div ist unnötig, es ist nur da um beide fälle in einem dokument zu haben -->
    <div class="bar">bar</div>
</div>

CSS

.foo {float:left;width:100px;height:100px;background:blue;margin-right:10px;}
.bar {overflow:hidden;background:orange;height:200px;}
body>div {overflow:hidden;margin-bottom:20px}