<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;有沒有什么簡單的方法來設置?求教各位
簡單的div浮動問題
nobcainiao
2016-03-07 17:43:51