麻烦老师检查下
来源：3-4 编程练习
Jin66
2020-03-28 20:29:25
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>练习</title>
<style type="text/css">
.body{
border: #D1CFCF 1px dashed;
width:790px;
padding:10px;
overflow: hidden;
}
.bg1{
border: #808080 solid 1px;
width: 240px;
height: 165px;
float: left;
margin: 10px;
}
</style>
</head>
<body>
<div class="body">
<div class="bg1 margin-right">
<div >
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
<div class="bg1 margin-right">
<div >
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
<div class="bg1">
<div >
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
<div class="bg1 margin-right margin-top">
<div >
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
<div class="bg1 margin-right margin-top">
<div >
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg
" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
<div class="bg1 margin-top">
<div >
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg" >
</div>
<div>
欢迎来到慕课网学习新知识
</div>
</div>
</div>
</body>
</html>写回答
1回答
-
同学你好，间距之间有一点点的误差。父级的宽度应该为子级的总宽度。一个子级div的宽度为262px，一行一共三个div，那么父级的宽度为262*3=786px。代码如下：
如果我的回答帮到了你，欢迎采纳，祝学习愉快~
0
相似问题