您的位置:首页 > 其它

ie7bug,一个块级元素或者一个行内元素里面有个子元素设置向右边浮动,在IE7会出现元素下掉现象!

2014-08-03 21:21 309 查看
元素包含结构如下:

<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是根据父元素的高度而来的,看下图

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐