简单的div浮动问题

<style>
        *{
            margin:0;
            padding:0
        }
        .div1{
            width:1100px;
            height:600px;
            margin: 0 auto;
            background-color:red;
        }
        .div1 div{
            float: left;
            width:200px;
            height:500px;
            background-color:gold;
            margin-left:100px;
        }
        .div1 div:first-child{
            margin-left:0;
        }
    </style>
</head>
<body>
<div class="div1">
    <div>1</div>
    <div>2</div>
    <div>3</div>
    <div>4</div>
</div>
</body>

请教下各位。。。我要实现的就是四个小的div在一个大的div中水平排列，就像下面的图这样。代码上已经实现了这种效果，但是我觉得用的方法比较笨，是给第一个div设置margin-left为0；有没有什么简单的方法来设置？求教各位

nobcainiao

浏览 1464回答 1

1回答

卖火柴的小舒

这是常用的处理方式，怎么会觉得笨呢？样式复用，特殊的元素单独处理，这是很好的一种CSS代码风格吧！个人觉得

0 0

随时随地看视频慕课网APP