在IE7中消耗整个宽度的CSS元素

时间:2011-01-19 20:33:26

标签: css internet-explorer-7

我有一个IE7 CSS问题。我在jsfiddle中设置了一个演示,但基本上我有一个带标签的菜单设置,标签上有圆角(没有在jsfiddle中显示的圆角)。圆角左右浮动。

在FF和Chrome中,一切都很好用,但在IE7中,浮动元素会导致标签消耗整个宽度。我尝试了很多东西,包括:隐藏,位置,显示等......但我无法解决它!

任何帮助表示感谢。

http://jsfiddle.net/EszSr/1/

2 个答案:

答案 0 :(得分:0)

我尝试的东西(无法访问IE7 atm。)是为了给标签提供一个宽度(仅适用于IE,例如通过条件注释)。它可能比您实际需要的宽度更小,IE将根据内容的需要“扩大”它。

答案 1 :(得分:0)

如果需要,我只需将角元素设置为display: absolute;,将容器设置为position: relative。这应该有用。

关于jsFiddle的简单演示:http://jsfiddle.net/ZSpjk/1/