internet-explorer-8 - IE7 和 IE8 向左浮动不起作用

Question

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

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

在 IE7 和 IE8 中它被搞砸了。

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

编辑：

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

编辑2：

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

score 0 · Accepted Answer

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

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

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

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

score 0 · Accepted Answer

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

2 回答 2