编程练习问题
来源：4-11 编程练习
a3991516
2019-10-25 20:21:51
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
img{
width: 480px;
}
div{
padding-left: 10px;
padding-top: 10px;
box-sizing: border-box;
float: left;
}
#div0{
width: 1500px;
}
</style>
</head>
<body>
<div id="div0">
<!-- 此处写代码 -->
<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
</div>
</body>
</html>
老师，帮我看下这个有没有父元素塌陷问题？或者其他问题？
2回答
-
同学你好：
同学的这个代码没有塌陷的问题。同学可以对代码进行一些优化。
由于没有定义编码的格式，在浏览器中执行会出现乱码现在。
同学定义一下编码格式即可。在head标签下定义编码格式为utf-8。
如果我解决了同学的问题，请采纳！学习愉快^_^。
0 -
a3991516
提问者
2019-10-25
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style type="text/css">
img{
width: 300px;
}
div{
margin-left: 20px;
margin-right: 20px;
margin-top: 20px;
margin-bottom: 20px;
box-sizing: border-box;
float: left;
border: 1px grey solid;
}
#div0{
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
width: 1068px;
border: 1px grey dashed;
}
</style>
</head>
<body>
<div id="div0">
<!-- 此处写代码 -->
<div id="div1">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div2">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div3">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div4">
<img src="http://climg.mukewang.com/590fe9770001e63102400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div5">
<img src="http://climg.mukewang.com/590fe97d00011bda02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
<div id="div6">
<img src="http://climg.mukewang.com/590fe982000150ba02400135.jpg"><br/>欢迎来到慕课网学习新知识！
</div>
</div>
</body>
</html>
老师，我修改了代码。老师以这份代码为主
0
相似问题