为什么我实现的与任务不一致?

来源: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回答

好帮手慕查理

2018-10-21

您好,1.margin=0;padding=0;应该是margin:0;padding:0;。2.padding=9px;应该是padding:9px;。3.只有第一个图片的父元素位置处设置了class="img",剩下的五个图片的父元素并没有设置,因此就没有浮动的效果。应该都设置浮动效果。祝学习愉快!

1

0 学习 · 4928 问题

查看课程