为了账号安全,请及时绑定邮箱和手机立即绑定

简单的div浮动问题

简单的div浮动问题

nobcainiao 2016-03-07 17:43:51
<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 回答

?
卖火柴的小舒

TA贡献42条经验 获得超16个赞

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


查看完整回答
反对 回复 2016-03-08
  • 1 回答
  • 0 关注
  • 1463 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信