Javascript 风格=“;右:0px“;属性在IE9中不起作用?
我制作了一个聊天应用程序,在屏幕的右下角有一个聊天窗口。在chrome、firefox、IE8、IE7中,它仍然像预期的那样位于右下角。但仅在IE9中,聊天窗口就会被推到左侧的下角。我不知道这是为什么 我使用的聊天窗口插件是jQueryUIChatbox插件。 该代码有以下语句定义聊天窗口的位置Javascript 风格=“;右:0px“;属性在IE9中不起作用?,javascript,css,jquery-ui,internet-explorer,jquery-plugins,Javascript,Css,Jquery Ui,Internet Explorer,Jquery Plugins,我制作了一个聊天应用程序,在屏幕的右下角有一个聊天窗口。在chrome、firefox、IE8、IE7中,它仍然像预期的那样位于右下角。但仅在IE9中,聊天窗口就会被推到左侧的下角。我不知道这是为什么 我使用的聊天窗口插件是jQueryUIChatbox插件。 该代码有以下语句定义聊天窗口的位置 <div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px;" 尝试为容器添加宽度。。。应该有用
<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px;"
尝试为容器添加宽度。。。应该有用
width: 205px;
<div class="ui-widget ui-corner-top ui-chatbox" outline="0" style="right: 0px; width: 205px;">
宽度:205px;
现在您已经更改了问题的范围。不fair@diEcho没有任何更改…无论出于何种原因,如果您指定宽度
,它至少显示它正在被推到右侧。只是出了点问题…@Ian yup,设置width:208px;右图:0
对meIt来说有什么诀窍吗?它似乎是,当其他浏览器只填充固定的
div时,它的宽度与其内容一样大,也就是说,9由于某种原因,它的行为与div通常的行为一样-填充其父级。正如Phil指出的,如果将ui聊天框的宽度设置为208px,它会“修复”它。这是由于.ui聊天盒日志的宽度和.ui聊天盒的填充。我想使用fixed
定位,您需要更加明确。但同时,我希望它的宽度和它的内容一样大(不同意)。嗨,谢谢。查看问题下方的评论线索。人们已经给了我解决方案。谢谢