问答详情
源自：12-13 距离产生美 - 使用margin为盒子设置外边距（边界）

请问盒子1和盒子2,如果分开设置参数,应该怎么做?

我们看到这一小结里,box1和box2本来下面是连在一起的,我们使用了margin-bottom设置参数分开了他们.若是我想单独设置box2的长宽高,应该怎么做呢?因为ID选择器"#"只能用一次阿,那么应该使用类选择器吗?

提问者：刘路由丶 2016-05-21 12:19

个回答

  • 此生无悔入慕_课
    2016-05-21 12:31:58
    已采纳

    <!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{margin-bottom:30px;}

    .box2{

        width:200px;

        height:200px;

    }

    </style>

    </head>

    <body>

        <div id="box1" class="box1">box1</div>

        <div id="box2" class="box2">box2</div>   

    </body>

    </html>



    0
  • 慕粉3380891
    2016-05-21 14:05:31

    用类选择器

    0
  • 慕工程4543793
    2016-05-21 12:31:25

    #box2{width:200px;

        height:200px;}

    还是可以用ID选择器来改变呀

    1
  • 自制游戏
    2016-05-21 12:28:46

    用两个类选择器

    0