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

weixin_34128237

于 2014-08-03 21:21:00 发布

阅读量193

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/knowlege/p/3888878.html

本文探讨了在IE7环境下使用CSS时遇到的元素下跌问题，并提供了通过设置浮动元素的*margin-top*-28px来解决该问题的方法。文章详细解释了此解决方案的原理，包括如何根据父元素的高度计算具体的负margin值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

元素包含结构如下：

<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