老师，检查我的代码有什么问题。
这是我的代码！效果和图片一样，实现出来！但是我写完后总感觉哪里有问题。平时也这样，写完后总觉得有问题存在。还请老师检查一下我的问题！
<!DOCTYPE html>
<html>
<head>
<!-- 此处编写样式 -->
<style>
*{
padding:0;
margin:0;
}
.nav{
border:1px dashed #C0C0C0;
width:800px;
height:380px;
margin:20px 20px;
}
.header{
border:1px solid #C0C0C0;
width:238px;
height:25px;
margin-bottom:20px;
margin-top:-5px;
}
.content{
float:left;
margin-left:20px;
margin-top:20px;
}
.main{
margin-left:20px;
margin-top:-5px;
float:left;
}
</style>
</head>
<body>
<!-- 此处写代码 -->
<div class="nav">
<div class="content">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识！</div>
</div>
<div class="content">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识!</div>
</div>
<div class="content">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识!</div>
</div>
<div class="main">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe9770001e63102400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识！</div>
</div>
<div class="main">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe97d00011bda02400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识!</div>
</div>
<div class="main">
<div>
<img src="http://img1.sycdn.imooc.com/climg//590fe982000150ba02400135.jpg">
</div>
<div class="header">欢迎来到慕课网学习新知识!</div>
</div>
</div>
</body>
</html>
正在回答 回答被采纳积分+1
你好，你问行内元素是否需要转变为块级元素，这个不是遇到所有的行内都要转换为块级呀，所以是不需要的，主要要结合实际效果具体分析。这里把图片转换为块级，是因为图片本身会有2-4px间距，是她之身间距，你可以测试一下代码，会发现图片之间有点间距，这时候给图片设置display: block;或者浮动，都可以去掉图片之间间距。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <div><img src="1.jpg"><img src="1.jpg"></div> </body> </html>
以后若是有疑问，请同学将问题描述清楚，便于全面清晰的为你解答。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
- 参与学习 人
- 提交作业 11218 份
- 解答问题 36713 个
从一个不会编程的小白到一个老司机是需要过程的，首先得入门，学习基础知识，然后才能进阶，最后再到精通，本专题是你走进前端世界的不二选择！
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星