位置div到右下角

Question

我正在我的网站创建像聊天一样的Facebook。所以当用户点击聊天时，聊天窗口应该在右下角打开。下一个窗口应该留给其他打开的聊天窗口。此外，聊天窗口应该是不要在页面上占用额外的高度。它们应该放在更高的z-index上以重叠它们后面的页面内容。我在css中不是很好，请帮助。以下是我正在使用的代码，但它不起作用适当

.chat{
    z-index:50;
    width: 300px;
    height:300px;
    margin-left:10px;
    float:right;
    border:1px solid blue;
}

我得到了这个，它正在向页面添加滚动条而不是非常正确。

Answer 1

你需要有一个父元素（div）：

.parent { position: fixed; bottom: 0; left: 0; right:0; width: 100%; } 

您需要固定位置，以使条形图保留在浏览器的底部，而不是页面。它就像你的聊天div的容器一样，应该有

.chat { float: right; position: relative; }

所以他们可以充当他们实际聊天的容器

这里有几个聊天窗口的小提琴：

http://jsfiddle.net/SXZKe/1/

编辑：添加小提琴

Answer 2

尝试删除浮动：右边，添加位置：固定，右边：0％，底部：0％;

Answer 3

使用底部css属性：

http://www.w3schools.com/cssref/pr_pos_bottom.asp