Javascript 如何将横向按钮放置到iframe（适用于所有浏览器）？

我需要动态地创建iframe，并在它们的右侧放置一些按钮（在列中），按钮位置跟随iframe

我尝试了所有的设置

button.style.position = " "

插入“绝对”、“相对”等并尝试指定像素位置，但不起作用

但是，我注意到，在使用不同浏览器打开同一页面时，按钮放置在不同的位置

我需要一个方法，允许我将按钮放在iframe的右侧，跟随它的位置，最重要的是返回与所有最常用浏览器相同的结果

---

我可以使用什么技巧？

基本假设有什么问题

    <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;
}   

第一个按钮
第二个按钮
#左，#右{
浮动：左；
宽度：46%；
高度：300px；
利润率：2%；
}
iframe{
宽度：100%；
}
钮扣{
宽度：100%；
清楚:对,；
}   

---

能否为iframe生成部件提供一些代码？