3-2编程问题
来源：3-1 实战分析
慕斯6639037
2017-10-14 20:00:26
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
div,img,span{
padding:0;
margin:0;
}
.big{
width:760px;
height:auto;
border:1px solid #c6c6c6;
float:left;
padding:5px;
}
.one,.two,.three,.four,.five,.six{
width:240px;
height:170x;
border:1px solid #c6c6c6;
float:left;
margin:5px;
}
</style>
</head>
<body>
<div class="big">
<div class="con">
<div class="one">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<span>欢迎来到慕课网学习新知识!</span>
</div>
<div class="two">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<span>欢迎来到慕课网学习新知识!</span>
</div>
<div class="three">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<span>欢迎来到慕课网学习新知识!</span>
</div>
<div class="four">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br>
<span>欢迎来到慕课网学习新知识!</span>
</div>
<div class="five">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<span>欢迎来到慕课网学习新知识!</span>
</div>
<div class="six">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<span>欢迎来到慕课网学习新知识!</span>
</div>
</div>
</div>
</body>
</html>老师看看，我这样做是否合理？
写回答
1回答
-
好帮手慕糖
2017-10-15
你好，1、缺少编码格式，建议：添加编码格式，例：<meta charset="utf-8">
2、整体的大盒子的宽度可以在调整下，一个小盒子的宽度是252（包括外边距与边框），然后一行三个，所以252*3 = 756，大盒子宽度可以设置为756px;
3、代码18行，高度170，后面的单位缺少一个p哟
祝学习愉快~
0
相似问题