为什么我实现的与任务不一致?
来源:3-4 编程练习
慕婉清558947
2018-10-20 16:13:02
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<meta charset="UTF-8">
<title></title>
<style type="text/css">
*{
margin=0;
padding=0;
}
.container{
width:1000px;
border:2px solid black;
}
.header{
width:1000px;
overflow:hidden;
}
.header .img{
padding=9px;
float:left;
text-align:center;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="container">
<div class="header">
<div class="img"><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
<div><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
</div>
<div class="header">
<div><img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
<div><img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
<div><img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识</div>
</div>
</div>
</body>
</html>1回答
您好,1.margin=0;padding=0;应该是margin:0;padding:0;。2.padding=9px;应该是padding:9px;。3.只有第一个图片的父元素位置处设置了class="img",剩下的五个图片的父元素并没有设置,因此就没有浮动的效果。应该都设置浮动效果。祝学习愉快!
相似问题