图片浮动小例子

图片浮动不会遮盖文字，float：left；最开始使用即是使文字不被图片遮盖，文字围绕图片显示

//html源代码

 

//CSS源代码

* {

    margin: 0;

    padding: 0;

}

.box {

    height: 100%;

    position: relative;

}

.left {

    float: left;

    width: 75%;

}

.right {

    float: right;

    /* position: relative; */

    margin: 50px 15px 0px 0px;

    width: 20%;

    border: 1px solid #4169e1;

    border-radius: 5px;

}

h2 {

    ma