我这个代码怎么没有并列呀

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

慕粉8021849

2019-04-11 11:24

<title>浮动模型</title>

<style type="text/css">

div{

    width:200px;

    height:200px;

    border:2px red solid;

    float:left;

}


</style>

</head>

<body>

<div id="div1">栏目1</div>

<div id="div2">栏目2</div>

</body>

</html>


写回答 关注

6回答

  • 鼬神ss
    2019-06-23 14:18:57

    这个应该是靠左并排显示吧,并列??

  • weixin_慕的地3029604
    2019-05-08 12:46:46

    宽度设置一下,调小就OK

  • 慕UI8290743
    2019-05-06 15:28:42

    右上角全屏显示看效果

  • gogod
    2019-04-19 15:51:33

    并列了,只不过右边那个代码实时显示的地方太小了(你拉宽一下就可以看见了,或者把代码弄到记事本中然后另存为html文件,再浏览器打开看看),所以没有正常显示出来

  • qq_慕无忌0083370
    2019-04-11 13:40:15

    <title>浮动模型</title>

    <style type="text/css">

    div{

        width:150px;

        height:200px;

        border:2px red solid;

        float:left;

    }


    </style>

    </head>

    <body>

    <div id="div1">栏目1</div>

    <div id="div2">栏目2</div>

    </body>

    </html>


  • qq_慕无忌0083370
    2019-04-11 13:39:28

    宽度太大了 width:150px

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

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

1225297 学习 · 18230 问题

查看课程

相似问题