html:
<div class="logo_left"><!--div的高度是83px--> <img src="images/logo.jpg"/><!--图片的高度是80px--> </div>
解决:
1.那么,为什么div的高度会比img的高度多3px呢?
这是因为,行内元素后面会跟一个空白符,会使它的高度多出3px。
2.怎么解决?
我在查阅验证之后总结了4种方案:
1. 设置div{ font-size: 0};将外层块级标签的font-size设置为0;
2. 设置div{ height:**px;};将外层块级标签的高度设置为img的高度
3. 设置img{ display: block};将内层行内标签的display设置为block,将其变为块级标签;
4. 设置img{ vertical-align:top;};将内层行内标签的vertical-align设置为top;