标签：mic color play body 高度 order ima 添加图片 文字
一、在A标签内添加图片，解析的时候出现了莫名的距离。
div{border:1px solid red;padding:1px;float:left;}<div><a><img src="img/pic.jpg"/></a></div>
一、可以选择给父级的div添加一个font-size:0;二、给图片的样式添加一个vertical-align:middle;（因为图片排列的依据是按照文字的， 可以给图片的属性添加一个 vertical-align:middle; ）
div{border:1px solid red;padding:1px;float:left;/* font-size:0;*/}img{vertical-align: middle;}<div><a><img src="img/pic.jpg"/></a></div>
二、使用浮动问题
想让元素在同一行显示，就可以用浮动。（当没有给宽的时候，浮动的会把元素宽由上一级父级的宽变成内容的宽）
浮动给了，一定要给父级清除浮动，因为会有很多意想不到的影响。(除了塌陷)
用了浮动之后，想调元素之间的距离就用margin
三、使用定位问题
因为定位是脱离文档流的，所以当子级元素使用了定位，父级的高都不再由子级内容所撑开，因此，需要给父级明确的高度。
对于父级宽度的问题，如果没有给宽度，元素一般都会继承上一级的宽度。
标签：mic color play body 高度 order ima 添加图片 文字
原文地址：http://www.cnblogs.com/CafeMing/p/6259819.html
