宽度：自动不适用于IE8

Question

我正在尝试使用jQuery来调整弹出窗口以适应其内容。

在Chrome和IE9中，我使用

$(windowSelector).css('width', 'auto'); 

一切都很好。

但IE8中的同一行导致弹出窗口在屏幕上伸展，宽度方面。

有没有人知道如何解决这个问题？

Answer 1

您可能希望尝试以下代码，但不提供更多详细信息，但可能无法按预期执行（在IE7中也不起作用）。

$(windowSelector).css('display', 'inline-block');

Answer 2

width:auto;是所有元素的默认宽度。唯一有意义的上下文是重置其他地方设置的宽度。它不会将元素的宽度设置为子元素的宽度。

IE正在将with设置为100％，因为它没有父元素来约束宽度（块级元素的默认值）。应用于内联元素的auto宽度不会执行任何操作。

为了根据子项的宽度调整大小，您需要使用JavaScript获取高度和宽度并将其设置在父元素上。