请问老师，如何调整已经浮动的元素中间的间隔位置
每次遇到需要几个元素浮动时，总是苦恼元素之间的位置，不知道该用什么方法来使得每一个已经浮动的元素之间的位置统一。代码如下，望老师解答！
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style type="text/css">
*{
margin: 0;
padding:0;
}
.main{
width:790px;
margin:0 auto;
border:1px solid red;
overflow:hidden;
padding:10px 10px;
}
.main div{
float:left;
margin:10px 10px;
}
p{
text-align:center;
}
</style>
</head>
<body>
<div class="main">
<div class="div1">
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div2"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div3"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div4"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div5"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
<div class="div6"><img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg" alt="">
<p>欢迎来到慕课网学习新知识！</p>
</div>
</div>
</body>
</html>
正在回答
同学你好，使用外边距就是可以的哦，当前的外边距设置是可以的，不过大盒子的宽度还需要在修改下，一个图片单元的占据的宽度是260px（包括左右的外边距）。一行上，260*3 = 780px，所以大盒子的宽度设置780即可，例：
希望能帮助到你，祝学习愉快！
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星