IE7 和 IE8 向左浮动不起作用答案

【问题标题】：IE7 and IE8 float left does not workIE7 和 IE8 向左浮动不起作用
【发布时间】：2013-08-05 15:37:34
【问题描述】：

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

第二个div的宽度要根据文字宽度来计算。

在 IE7 和 IE8 中是一团糟。

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

编辑：

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

编辑 2：

找不到任何可以工作并保持自动宽度的纯 css 解决方案，所以最后我用 javascript 计算宽度。

【问题讨论】：

【解决方案1】：

CSS width 属性在传递精确值时采用固定参数，但在百分比方面，如果将元素的宽度设置为 50% 或 100%，它将采用其父元素的宽度。

因此，如果您有一个宽度为 500 像素的 div 和内部有宽度为 50% 的 p 标记，则 p 标记将为 250 像素，反之亦然，宽度为 100%。

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

您可能还会发现这很有帮助 http://learnlayout.com/percent.html

【讨论】：

【解决方案2】：

找不到任何可以工作并保持自动宽度的纯 css 解决方案，所以最后我用 javascript 为旧浏览器计算宽度。

【讨论】：