1 <!DOCTYPE html>
2 <html>
3 <head>
4 <meta charset="utf-8">
5 <title></title>
6 <style>
7 body{
8 margin: 0;
9 }
10 .box{
11 width: 750px;
12 border: 1px solid #000;
13 overflow: hidden;
14 }
15 .item{
16 width: 200px;
17 height: 200px;
18 background-color: red;
19 margin-left: 50px;
20 float: left;
21 *display: inline;
22 }
23 </style>
24 <!--
25 当元素浮动后再设置margin那么就会产生双倍边距
26 解决方案：
27 针对ie6、7添加display:inline
28 -->
29 </head>
30 <body>
31 <div class="box">
32 <div class="item"></div>
33 <div class="item"></div>
34 <div class="item"></div>
35 </div>
36 </body>
37 </html>
