Bootstrap可折叠聊天小部件问题

Question

http://bootsnipp.com/snippets/featured/collapsible-chat-widget 在上面的可折叠聊天窗口小部件中，如果聊天打开，则无法单击与窗口小部件相同级别的任何控件。有没有办法在聊天打开时允许点击其他控件？

Answer 1

问题可能是由于聊天窗口小部件展开时容器高度增加，这会覆盖.container以外的全宽.container元素的任何内容。

您可以通过删除周围的.container，.row和.col-md-5来避免这种情况，并将窗口小部件包装在自己的包装器设置宽度和display: inline-block;以阻止容器重叠其他内容。

有关示例，请参阅http://bootsnipp.com/snippets/x8G9R。有很多方法可以达到相同的效果，这只是一个例子。

我在我的示例中使用了position: fixed;，因为在滚动时可能会有用。