怎么并排?

来源:12-13 距离产生美 - 使用margin为盒子设置外边距(边界)

掉线宝宝

2015-01-21 10:02

有没有大神教一下怎么让box1和box2并排在一起而不是上下排列

写回答 关注

3回答

  • Busy
    2015-01-21 14:42:18

    float即可,不要把div转成块元素,在IE6 7 下  不认识 块元素的 inline-block转换。

  • 慕斯卡9626126
    2015-08-04 12:09:32


    <!DOCTYPE HTML>
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>边距</title>
    <style type="text/css">
    div{
        width:300px;
        height:300px;
    	border:1px solid red;	
    }
    #box1,#box2{
        display:inline-block;
    }
    </style>
    </head>
    <body>
        <div id="box1">box1</div>
        <div id="box2">box2</div>   
    </body>
    </html>

    并排效果

  • jack1018
    2015-01-21 10:05:37

    float 或者 把box1和box2 设成 inline-block

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

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

1225806 学习 · 18234 问题

查看课程

相似问题