div中有两个子div 一个左对齐 一个右对齐

div中有两个子div 一个左对齐 一个右对齐

阅读 20.6k
5 个回答
div1 {
    float:left
}
div2 {
    float:right
}

试试用flex布局,或者盒子模型的话 全部转化为inline-blick 然后一个left、一个right设置其浮动,要给父容器设置清除浮动

左浮动,右浮动,清浮动

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

这个解决方法很多的啊,漂浮,定位,还有就是用框架...

推荐问题