为什么#div1{float:left}#{float:right}时第二个div上不去

来源:13-4 起飞咯 - 浮动模型

小学生12

2016-05-01 20:27

<style>
div{
border:2px red solid;
width:200px;
height:400px;
}
#div1{float:left;}
#div2{float:right;}
</style>


写回答 关注

4回答

  • 祯祺3362575
    2016-06-03 21:02:37

    应该是没点全屏显示吧

  • kpengfang
    2016-05-02 10:34:28

    <style>
       div{
           border:2px red solid;
           width:200px;
           height:400px;
       }
       #div1{float:left;}
       #div2{float:right;}
    </style>
    <div id="div1"></div>
    <div id="div2"></div>
    http://img.mukewang.com/5726bcae0001542713580615.jpg

  • 小学生12
    2016-05-01 20:48:48

    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>浮动模型</title>
    <style type="text/css">
    div{
        border:2px red solid;
        width:200px;
        height:400px;
        
    }
    #div1{float:left;}
    #div2{float:right;}


    </style>
    </head>
    <body>
    <div id="div1">栏目1</div>
    <div id="div2">栏目2</div>
    </body>
    </html>

  • 风清扬20160430
    2016-05-01 20:40:50

    能贴一下html代码么?这样看不出来效果

    小学生12

    下面就是代码,不过又可以了。 但是我刚才百度了下,有个答案说先浮动右边,再浮动左边就可以了

    2016-05-01 20:52:39

    共 1 条回复 >

初识HTML(5)+CSS(3)-升级版

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

1225813 学习 · 18234 问题

查看课程

相似问题