/* 弹性盒 */
/* .main{
height: 200px;
background-color: aqua;
display: flex;
justify-content: space-between;
align-items: flex-end;
padding: 0 20px;
}
.main div{
width: 30px;
height: 30px;
background-color: red;
border-radius: 50%;
} */
结构:
<div class="main">
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</div> -->
/* 普通方法 */
.main {
width: 500px;
height: 200px;
background-color: aqua;
overflow: hidden;
box-sizing: border-box;
padding: 0 20px;
}
.main section {
width: 500px;
}
.main div {
width: 30px;
height: 30px;
background-color: red;
border-radius: 50%;
float: left;
margin-right: 50px;
}
结构:
<div class="main">
<section>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
<div></div>
</section>
</div>