[CSS] Clearfix

How To Clear Floats (Clearfix)

https://www.w3schools.com/howto/howto_css_clearfix.asp

<style>
    .clearfix1 {
        overflow: auto; /* or hidden */
    }

    .clearfix2::after {
        content: "";
        clear: both;
        display: table; /* or block */
    }

    .parent {
        background-color: aqua;
    }

    .box {
        background-color: blueviolet;
        width: 100px;
        height: 100px;
        float: right;
    }
</style>
<div class="parent clearfix1">
    <div class="box"></div>
</div>