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

转载于:https://www.cnblogs.com/knowlege/p/3888878.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值