问答详情
源自：13-4 起飞咯 - 浮动模型

浮动模型 如何实现div两个框呈水平而不是上下的呢

如何实现div两个框呈水平而不是上下的呢 就像这个一样的


提问者：慕容3202869 2016-05-08 17:41

个回答

  • 慕粉3170989
    2016-05-08 17:49:49
    已采纳

    div{

          display:inline-block

    }

    <div>

    </div>

    <div>

    </div>

    0
  • 杰森伯恩
    2016-05-11 14:20:05

    width超出了，设置小一点试试

    0
  • william134
    2016-05-08 17:52:15

    <!--在css样式中加上float属性就行啦，比如下面代码中我设置了div1和div2均为左浮动-->

    <!DOCTYPE html>
    <html lang="en">
    <head>
       <meta charset="UTF-8">
       <title>盒模型</title>
       <style>
           div{
               width: 200px;height: 150px;
               border: 5px solid blue;
               padding: 20px;
               margin: 10px;
               float: left;
           }
       </style>
    </head>
    <body>
    <div id="div1"></div>
    <div id="div2"></div>
    </body>
    </html>

    0