烦请老师检查（浮动3-4编程练习）另有两个问题
来源：3-4 编程练习
慕码人001272
2020-03-07 17:25:28
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
*{margin:0;
padding:0;}
.big{border-style: dashed;
width:900px;}
.tu1{float:left;}
.tu2{float:left;}
.tu3{float:left;}
.tu4{float:left;}
.tu5{float:left;}
.tu6{float:left;}
.clear{clear:both;}
.tu1,.tu2,.tu3,.tu4,.tu5,.tu6{border-style:solid;
border-width: 1px
padding:20px;
margin:20px;}
</style>
</head>
<body>
<div class="big">
<div class="tu1"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/>
<div>欢迎来到慕课网学习新知识</div></div>
<div class="tu2"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><div>欢迎来到慕课网学习新知识</div></div>
<div class="tu3"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><div>欢迎来到慕课网学习新知识</div></div>
<div class="tu4"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"/><div>欢迎来到慕课网学习新知识</div></div>
<div class="tu5"><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"/><div>欢迎来到慕课网学习新知识</div></div>
<div class="tu6"><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"/><div>欢迎来到慕课网学习新知识</div></div>
<div class="clear"></div>
</div>
</body>
</html>
-----------------------------------------------------------------------------
为什么上面代码中我设置的margin为20px，按F12查看时没有任何显示？为什么padding设置成20px时，界面没有任何反应？另烦请检查一下代码总体上是否正确，谢谢！
1回答
-
同学你好，老师这边测试，margin是显示的。padding不显示是因为样式中少了一个分号，导致解析无效。如下：
加上分号，padding即可生效：
另外，代码可以参考如下优化：
如果我的回答帮助到了你，欢迎采纳，祝学习愉快~
0
相似问题
回答 4
回答 2