父标签div中包含一个子元素img标签，子元素div标签，为什么img要加上浮动，子元素div才会处于正常位置？

dom结构

如图img加上float 子元素div显示正常。

不加float div显示错位。

附上我写的一个dome测试用的，大家可本地看下究竟是什么原因。最新的发现是，子元素div不加内容，怎样都正常，加内容就会出现我所说的问题。

Document

html,body{

font-size:62.5%;

height: 100%;

}

img{

margin: 0;

padding: 0;

border:0;

}

.wrap{

width: 100%;

height: 10%;

}

.wrap img{

max-height: 100%;

max-width: 20%;

/* float: left; */

width: 20%;

height: 100%;

}

.name{

display: inline-block;

width: 50%;

height: 100%;

background:#ccc;

}

相关阅读:

本地环境浏览器自动刷新

印象笔记地图集 使用的是什么地图API

如何让VS2015和VS2013的 VC++目录 有不同的包含目录和库目录

删除一个老图片，然后上传同名字的图片时内容未变化

android是否有用于切换任务的指令？

YII rules 如何验证用户不存在呢

quartz时间表达式中 * 和 ? 的意思似乎差不多？

mongodb为什么同样的集合，两次插入的顺序会有变化呢？

使用flash播放mp4视频时不能边下边播？

为什么Cursor放到带参数带返回值方法里就报错？

laravel5部署到linux服务器上

sublime不能输入任何东西

HttpClient模拟登录学校网站，发现点击登录之后返回的数据仍然是登录页面，已经了解Cookie相关内容

scala immutable.set 和 mutable.set在编程实践中要注意的核心差异有哪些？

Fatal error: Call to a member function format() on a non-object

FIS3插件不能执行，求帮忙

不知道这个正则的分组反向引用错在哪里

运维未来路在何方

织梦后台生成文章500错误是什么原因

js的定时器