如何推動頁面而不是覆蓋它

Question

我不知道在這裏嘗試實現的技術術語。我會用通俗的語言來解釋它，並希望學習：

我已經創建了一個瀏覽器擴展，它取決於某些條件被覆蓋瀏覽器左側的一個頁面。現在我想推送頁面而不是疊加，以便現有瀏覽器頁面被推送頁面的大小縮短。

（PS：這個術語完全是新的我可以隨意編輯的問題，如果你覺得這樣）

Answer 1

做到這一點的方法是注入在頁面上的iframe，並顯示這裏面的覆蓋頁iframe中。使iframe成爲絕對的。將邊距添加到body標籤，該標籤應等於iframe的寬度。那會滿足你的要求。

HTML：

<h1>Sample</h1> 
<p>test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test test </p> 
<iframe id="iframex" src="http://vivekgupta.com"></iframe> 

CSS：

body{ 
margin-right:200px; 
} 
#iframex { 
    border:0; 
    margin:0 
    padding:0; 
    display: inline-block; 
    position:absolute; 
    width:200px; 
    height:100%; 
    right:0; 
    top:0; 
    bottom:0; 
} 

這裏的小提琴：http://jsfiddle.net/YLMWe/