1.在子元素使用display:inline-block
注意子元素宽度加上边距不能超过父元素宽度,否则就在下一行展示
<style>
#back{
border: red solid 1px;
width: 800px;
height: 500px;
}
#back div{
border: blue 1px solid;
width: 100px;
height: 100px;
margin: 20px;
display: inline-block;
}
</style>
</head>
<body>
<div id="back">
<div></div>
<div></div>
<div></div>
<div></div>
</div>
</body>