style = "right:0px“属性在IE9中不起作用？

Question

我已经制作了一个聊天应用程序，在我屏幕的右下角有聊天窗口。在chrome，火狐，IE8，IE7中，它一如预期地保持在右下角。但仅在IE9中，聊天窗口就会被推到左下角。我不知道这是什么原因。

我使用的聊天窗口插件是Jquery UI chatbox插件。http://magma.cs.uiuc.edu/wenpu1/chatbox.html

代码包含以下语句，该语句定义聊天窗口的位置

<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px;"

这实际上将我的聊天窗口定位在这个右下角。

我实际上在开发者工具chrome中尝试过，当我删除"style="right : 0px"时，它实际上将聊天窗口推到了左下角。

但我不知道为什么这在IE9中不起作用。

您可以通过打开链接http://magma.cs.uiuc.edu/wenpu1/chatbox.html在IE9中进行尝试

并在此页面中单击“添加chatbox”链接。你可以看到聊天框移到了左下角。

Answer 1

尝试为容器添加宽度...应该行得通。

width: 205px;

<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px; width: 205px;">