Untitled

 <!DOCTYPE html>
<html>
<head>
    <script src = "jquery-3.5.1.min.js"></script>
    <script>
        $(document).ready(function () {


            var data = "<div class='kol'><div class='box'></div></div>";
            for (var i = 1; i <= 3; i++) {
                $('.container').append(data);
            }
            $('.kol .box').each(function getTheColor() {

                var colorR = Math.floor((Math.random() * 256));
                var colorG = Math.floor((Math.random() * 256));
                var colorB = Math.floor((Math.random() * 256));
                $(this).css("background-color", "rgb(" + colorR + "," + colorG + "," + colorB + ")");


            });
        });


    </script>
    <style>
        *
        {
            margin: 0;
        }
        .container
        {
            padding: 10px;
            width: 40%;
            overflow: auto;
            position: relative;
        }
        .kol
        {
            width: calc(100%/3);
            float: left;
            }
        .box
        {
            height: 200px;
            width: 200px;
            background-color: #aaaaaa;

        }
    </style>
</head>
<body>
<div class="container"></div>

</body>
</html>