2

我制作了一个聊天应用程序,在屏幕的右下角有聊天窗口。它按预期保留在右侧下角,在 chrome 、 firefox 、 IE8 、 IE7 中。但仅在 IE9 中,聊天窗口会被推到左侧下角。我不知道这是什么原因。

我使用的聊天窗口插件是 Jquery UI 聊天框插件。 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 中不起作用。

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

并单击此页面中的“添加聊天框”链接。您可以看到聊天框移动到左侧下角。

4

1 回答 1

0

尝试为容器添加宽度......应该可以。

width: 205px;

<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px; width: 205px;">
于 2013-01-28T20:30:22.763 回答