הוסטס - פורום אחסון האתרים הגדול בישראל

טוב , אז התחלתי ללמוד קידוד ויש לי בעיה קטנה.
הנה קוד :

HTML קוד:

<html>

<head>

    <style type="text/css">

        .done{

            background-color:green;

            height:100px;

            width:100px;

        }

        .dtwo{

            background-color:red;

            height:100px;

            width:100px;

        }

        .dthree{

            background-color:blue;

            height:100px;

            width:100px;

        }

        .bigdiv{

            height:100px;

            width:300px;

            border-width:1px;

            border-color: black;

            border-style:solid;

        }

    </style>

</head>

<body>



<div class="bigdiv">

    <div class="done"></div>

    <div class="dtwo"></div>

    <div class="dthree"></div>

</div>



</body>

</html>

אני רוצה לעשות דיב אחד שבתוכו יהיו 3 דיבים בצבעים שונים משמאל לימין.
מה שקורה לי פה זה שזה במקום להיכנס לתוך הדיב הגדול זה יוצא ממנו מלמעלה למטה.

אשמח לעזרה , תודה.