我想拥有它，所以当我的页面调整大小时，“块”会自动相互排列，这样它们就可以完美地适应页面，但是当它们下拉“主”div时，它们也会调整大小，所以没有剩余右侧的空间，所以它仍然看起来不错？
非常感谢你的帮忙！
HTML
<html>
<head>
<!-- css -->
<link rel="stylesheet" type="text/css" href="main.css">
<title></title>
</head>
<body>
<div class="main">
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
<div class="box"></div>
</div>
</body>
</html>
CSS
body
{
background-color: #000;
}
.main
{
width: 90%;
height: 1000px;
background-color: #fff;
margin-right: auto;
margin-left: auto;
margin-top: 75px;
margin-bottom: 75px;
}
.box
{
width: 200px;
height: 300px;
background-color: #000;
position: relative;
left: 10px;
float: left;
margin-right: 5px;
margin-left: 5px;
margin-top: 10px;
}