如何将横向按钮放置到 iframe(适用于所有浏览器)

Question

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

我尝试了所有设置

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

工作示例