div中有兩個子div 一個左對齊 一個右對齊

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;
}

左浮動，右浮動，清浮動

試試用flex布局，或者盒子模型的話 全部轉化為inline-blick 然后一個left、一個right設置其浮動,要給父容器設置清除浮動

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

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