ie7bug,一个块级元素或者一个行内元素里面有个子元素设置向右边浮动,在IE7会出现元素下掉现象!
2014-08-03 21:21
309 查看
元素包含结构如下:
CSS,如下
在IE8以上,FF,Chorome表现如下
但是,在IE7却表现如下,出现文字下跌
解决方案:设置浮动元素的,*margin-top:-28px;
这个-28px是根据父元素的高度而来的,看下图
<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是根据父元素的高度而来的,看下图
相关文章推荐
- [ie兼容]ie7浮动左在前,浮动右在后导致右边浮动的元素掉下来
- 如何居中一个设置了浮动的元素
- 在IE6里面当元素浮动后再设置margin那么就会产生双倍边距
- ie下按backspace返回上一个页面或者页面跳动(input 设置了readonly)
- table里面怎么设置td的样式和Excel里面的表格一样&&当光标浮动td上到元素上时如何显示全部文本。
- ie7 父元素宽度自适应且为浮动的话 子元素的宽度将不能按比例设置问题
- 关于对同一个盒子同时设置相对定位和浮动或者绝对定位和浮动的问题
- 一个 UL 里面所有的 l i 都设置左浮动,UL 的高度为什么会是0
- 子元素浮动后,父元素设置的min-height会出现无效的情况。
- 利用 SHDocVw::IShellWindowsPtr m_spSHWinds 遍历所有IE浏览器,得到里面的所有元素 还有一个是查找IE窗口里的submit按钮,模拟点击
- (转)css 相对定位 绝对定位 浮动 CSS 相对定位 相对定位是一个非常容易掌握的概念。如果对一个元素进行相对定位,它将出现在它所在的位置上。然后,可以通过设置垂直或水平位置,让这个元素“相对于”
- 在一个div中有两个子元素,子元素浮动,左边div高度随右边变化
- 一个在IE5.5,IE6,IE7,IE8都存在的BUG
- 把一个具有5个元素的集合划分成三个子集(允许重复),c实现版本
- js RuntimeObject() 获取ie里面自定义函数或者属性的集合
- 取得ie 里面 自定义函数或者属性的集合 使用RuntimeObject()
- tyvj 1088 给出长度为N的数列{A_i},每次可以从最左边或者最右边取走一个数,第i次取数得到的价值是i * A_j。求价值之和最大的取数方案。
- IE绝对定位元素始终被遮挡或者消失的解决方法
- li里面含有span浮动元素 间距
- IE下,如何自动接收第三方Cookie? 或者说接收IFRAME里面的cookie