为什么我实现的与任务不一致?
来源: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",剩下的五个图片的父元素并没有设置,因此就没有浮动的效果。应该都设置浮动效果。祝学习愉快!
相似问题