css浮动元素的重叠问题

.pinkBox {

   background-color: pink;

    border: 1px solid red;

    width: 500px;

    height: 300px;

    float: left;

}

.greenBox {

    background-color: lightgreen;

    border: 1px solid green;

    width: 700px;

    height: 500px;

}