如何为浏览器加载项创建侧边栏

Question

我正在开发一个位于每个页面右侧的跨浏览器扩展程序（附加组件）。现在，我将侧边栏覆盖在每个页面的顶部。但我宁愿让它自己坐在每个页面的一边，而不是隐藏父页面的任何部分。我一直在寻找答案，没有运气。在built-in methods中创建侧边栏似乎some browsers。但我正在寻找一种只涉及html和css（以及jquery，如果需要）的技术。

作为我正在寻找的一个例子，谷歌相关扩展程序位于每个页面的底部，但在加载时实际上会推送页面的内容。

Widgya插件是母网页内容的一部分，您可以看到Google相关内容如何推动它以避免侵入网页。这是相关扩展中的相关html：

<div style="clear: both; height: 46px; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; position: relative; "></div>
<iframe class="grelated-iframe" frameborder="0" id="grelated_iframe_189" src="http://www.gstatic.com/webgps/grelated_0_6_9/html/grelated_bar_iframe.html" style="z-index: 2147483647; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; outline-width: 0px; outline-style: initial; outline-color: initial; vertical-align: baseline; position: fixed; bottom: 0px; left: 0px; right: 0px; top: auto; width: 100%; height: 49px; " scrolling="no"></iframe>

使用调用'clear：both'的div和绝对位置的iframe，可以实现效果。但我似乎无法在屏幕的右侧或左侧重现此效果。我尝试了各种方法但没有成功。我很欣赏任何有关采取方法的见解。

由于

更新

这是我想要达到的效果：

Chrome已经/有一个实验性侧边栏api，但我需要能够在css＆amp; html，而不依赖于特定于浏览器的API。

Answer 1

你的意思是“位置：固定”？我不认为“清楚：两者”可以在滚动时将栏固定在某个位置。

一个简单的例子是

上的通知栏

http://chat.stackoverflow.com/