<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;有没有什么简单的方法来设置?求教各位
- 1 回答
- 0 关注
- 1463 浏览
相关问题推荐
添加回答
举报
0/150
提交
取消