Zopim чат, как Div требуется

Question

Если вы посмотрите на этот сайт http://blog.zopim.com/,, то увидите внизу справа службу чата.Я на самом деле не хочу чата.Я просто хочу, чтобы div был на вершине всего материала, присутствующего на моем сайте, как этот.

Как мне это сделать?Если у кого-то есть образцы, поделитесь, это было бы весьма полезно.

Answer 1

Как сказал Брайан, используйте положение: исправлено. Есть несколько особенностей, которые вы должны знать о фиксированной позиции. Вы должны задать элементу положение относительно окна браузера (используйте верхнюю, правую, нижнюю или левую). Если у вас есть другие div, которые уже зафиксированы в позиции, возможно, вы захотите использовать z-index. Проверьте это:

HTML:

<div id="floating">hurra i amm floating</div>

CSS:

div#floating {
   position: fixed;
   bottom:0;
   right:0; 
   width: 100px;
   height: 100px;
   background: pink;
}