Float trong html

Hi Anh Chị!
Em đang học HTML, tìm hiểu về float.
Có cách nào để cho 1 cái <div> xuống ngay bên dưới <div>(div này có position:absolute không ạ ?
Ý em như thế này:


Cái màu đỏ ở dưới cái màu tím ạ.
Code của em :

<body>
    <div style="width:100%;height:1000px">

        <div style="width:50%;height:100px;background-color:purple;left:25%;position:absolute">

        </div>


        <div style="width:91%;height:200px;background-color:red;">

        </div>

Em cảm ơn.

https://jsfiddle.net/a8cfmx0d/6/

Bạn xem thử code này dùng được k?

83% thành viên diễn đàn không hỏi bài tập, còn bạn thì sao?