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

Question

我制作了一个聊天应用程序，该聊天应用程序在屏幕的右下角具有聊天窗口。 如预期的那样，它仍位于chrome，firefox，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中进行尝试。

然后点击此页面中的“添加聊天框”链接。 您会看到聊天框移到左侧底角。

Answer 1

尝试增加容器的宽度...应该可以。

width: 205px;

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