框中的IE7元素不能正确浮动

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了框中的IE7元素不能正确浮动相关的知识,希望对你有一定的参考价值。

我在IE7中有一个绝对定位的<div>的问题,它在中间突破了列表。我已经尝试了几乎所有我能想到的3个元素对齐,但我不能让它在IE7中工作。

<span>(我试过它作为<p>)总是在IE7中包装,因为它是div的最后一个成员。你可以在以下网址看到它:http://lifeproject.amdesign.com。它在右下角。

答案

ul#footer_links一个宽度。它会解决你的问题。当元素浮动时IE7保持最大宽度我添加了这个规则并修复了它:

ul#footer_links{width:140px}

另一答案

尝试display: inline-block与ie7修复而不是float: right

span {
    display: inline-block;
    *display: inline;
    zoom: 1;
}
另一答案

我想你没有提到righttop属性,你给定位绝对。即7中间默认渲染位置绝对。请给他们topright取决于您的要求。

以上是关于框中的IE7元素不能正确浮动的主要内容,如果未能解决你的问题,请参考以下文章

IE7浮动正确问题

由于 hasLayout,如何停止 IE7 清除浮动

浮动元素在 IE7 中从容器中掉出,有时也在 WebKit 浏览器中

创建浮动标签 - 不能正确遍历DOM

CSS autoclear浮动元素v2(也适用于IE7)

选择性清除 IE7 中的浮动项目