<style>
*{margin:0; padding:0;}
li{list-style:none;}
.clearfix:after{
display: block;
clear: both;
content: '';
}
.box{
width: 1000px;
margin: 30px auto;
background: #C77778;
}
.box li{
float: left;
width: 33.333333%;
height: 200px;
background: pink;
border: 1px solid red;
margin: -1px;
}
</style>
</head>
<body>
<ul class="box clearfix">
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
<li>5</li>
<li>6</li>
</ul>
</body>