html:
<div class="outerbox">

<div class="lf"></div>
<div class="rg"></div>

</div>
css:

.outerbox{
    width: 500px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-content: flex-start;
}
.outerbox div{
    width: 100px;
    height: 100px;
    background: red;
}

左浮動(dòng)，右浮動(dòng)，清浮動(dòng)

試試用flex布局，或者盒子模型的話 全部轉(zhuǎn)化為inline-blick 然后一個(gè)left、一個(gè)right設(shè)置其浮動(dòng),要給父容器設(shè)置清除浮動(dòng)

這個(gè)解決方法很多的啊，漂浮，定位，還有就是用框架...

div1 {
    float:left
}
div2 {
    float:right
}