IE7和IE8浮动左边不起作用

时间:2013-08-05 15:37:34

标签: internet-explorer-8 internet-explorer-7 width

我有以下小提琴:http://jsfiddle.net/VyXWp/1/

#wizard li {
    display: inline;
    min-width:100px;
    float:left;
}

第二个divs宽度应根据文本宽度计算。

在IE7和IE8中,它搞砸了。

由于某种原因,'a'元素获取span2 div的宽度而不是文本。


编辑:

经过多次挖掘后,我注意到问题不是宽度而是漂浮。如果我没有设置宽度,浮动不起作用。它不会将宽度限制为文本宽度。


编辑2:

无法找到任何有效的纯css解决方案并保持宽度自动,所以最后我用javascript计算宽度。

2 个答案:

答案 0 :(得分:0)

CSS width属性在传递精确值时会采用固定参数,但就百分比而言,如果将元素的宽度设置为50%或100%,则需要使用百分比。 width父元素是。

因此,如果您的div宽度为500像素且内部为p标签,宽度为50%,则p标记为250px,反之亦然,为100%。

我的建议是确保父元素具有固定的宽度或百分比

你可能也觉得这很有帮助 http://learnlayout.com/percent.html

答案 1 :(得分:0)

无法找到任何有效且保持宽度自动的纯css解决方案,所以最后我用旧浏览器的javascript计算宽度。