如何將橫向按鈕放置到iframe（適用於所有瀏覽器）？

Question

我需要動態創建iframe並在其右側放置一些按鈕（在列中），並在iframes之後放置按鈕位置。

我試過的

button.style.position = " " 

所有設置將「絕對」，「相對」等，並試圖以指定的像素位置，但它不工作。

但是，我注意到，用不同的瀏覽器打開相同的頁面，按鈕被放置在不同的位置。

我需要一種方法，允許我將按鈕放在iframe的右側，跟隨它的位置，並且最重要的是返回與所有最常用的瀏覽器相同的結果。

我可以使用什麼技術？

Answer 1

哪些錯誤與

<div id="left"> 
    <iframe src="http://www.google.com"></iframe> 
</div> 
<div id="right"> 
    <button>first button</button> 
    <button>second button</button> 
</div> 

#left, #right { 
    float:left; 
    width:46%; 
    height:300px; 
    margin:2%; 
} 
iframe { 
    width:100%; 
} 
button { 
    width:100%; 
    clear:right; 
} 

working example