与div具有相同宽度和高度的iframe

Question

I've created a <div> with some styles. Some of them are:

contenedor.style.position = "absolute";
contenedor.style.top = "60px";
contenedor.style.left = "610px";
contenedor.style.width = "auto"; // Auto-adjust to the content
contenedor.style.height = "auto";// Auto-adjust to the content

Then, I've created an <iframe> :

iframe.setAttribute("scrolling", "no");
iframe.style.width = contenedor.style.width;
iframe.style.height = contenedor.style.height;
iframe.style.top = contenedor.style.top;
iframe.style.left = contenedor.style.left;

But, when I show both elements, the <iframe> is bigger than the <div> . It has not the same width and height as the <div> . How is this caused and how can I solve it?

Answer 1

您是否尝试过将iframe的宽度和高度设为100％？