为什么我的编辑会出现一前一后的现象，老师
来源：3-4 编程练习
陈棱波
2019-02-27 17:21:12
*{
margin:0px;
padding:0px;
}
.container{
width:780px;
border:2px red solid;
margin:5px auto;
padding:20px;
overflow:hidden;
}
.h1{
float:20px;
margin:100px;
}
.h2{
float:left;
margin:10px;
}
.d1{
border:1px solid #ccc;
float:left;
}
.d2{
border:1px solid #ccc;
float:left;
}
.d3{
border:1px solid #ccc;
float:left;
}
</style>
<!-- 此处编写样式 -->
</head>
<body>
<div class="container">
<div claa="h1">
<div class="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
<div class="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
<div class="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
</div>
<div class="h2">
<div class="d1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
<div class="d2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
<div class="d3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg">
<div>欢迎来到慕课网学习新知识</div>
</div>
</div>
</div>
1回答
-
你好，首先 h1的css样式没有生效，
<div claa="h1">
应该改为：
<div class="h1">
然后css应该改为：
.h1{ float:left; margin:10px; }如果解决您的问题请采纳，祝学习愉快！
0
相似问题