float:left不完全脱离，position:absolute:完全脱离（文档流，文本流，浮动元素）

float浮动元素，文字排版还是会当它存在于文档流中，开始用于文字环绕效果；
使用float的元素会自动加上一个块级框，也就是可以像块级元素那样设置宽高
可理解为文档流在最下一层，文本流和浮动元素在上同一层，故元素浮动后，后面的元素内的文字不会覆盖到浮动元素上来，而是环绕

<style type="text/css">
        .wrap{
            width:200px; 
            border:1px solid red;
        }

        .sub1{
            width: 100px;
            height: 100px;
            background-color: green;
            float:left; 
        }
        .sub2{
            width: 200px;
            background-color:blue;
            /* position: relative;
            z-index: 2; */
        }
    </style>

absolute定位后，是绝对的浮动定位，故文本也会当其不存在与文档流中