ie7bug,一个块级元素或者一个行内元素里面有个子元素设置向右边浮动,在IE7会出现元素下掉现象!
元素包含结构如下:
<h1>testing<span>综合评级:<em></em></span></h1>
CSS,如下
h1{ background-color:#eeeeee; color:#b31514; height:28px; line-height:28px; padding:0 28px 0 10px; font-size:18px; font-family:"黑体","microsoft yahei"; margin:0 0 10px 0; } h1 span{ color:#888888; font-size:14px; float:right; }
在IE8以上,FF,Chorome表现如下
但是,在IE7却表现如下,出现文字下跌
解决方案:设置浮动元素的,*margin-top:-28px;
这个-28px是根据父元素的高度而来的,看下图