Question

我希望能够使用css中的resize功能调整div的大小。在我的.css文件中，我有：

#test {
    border: 2px solid;
    padding: 20px;
    width: 300px;
    resize: both;
    overflow: auto;
}

我的div是以下内容：

<div id="test">Let the user resize both the height and the width of this div element.</div>

它工作正常，直到我把我的HTML放在iframe中，在那里我无法调整div的大小。怎么了？

PS：我不想'使用jquery

Answer 1

iframe作为新网站处理。要将css应用于iframe，只需在iframe中设置对样式表的引用。

<iframe id="frame"></iframe>

<script>
document.getElementById('iframe').contentWindow.document.write("<html><head>" +
"<link rel='stylesheet' href='style.css'>" + 
"</head><body><div id='test'></div></body></html>");
</script>

这样你的iframe就会访问你的样式表correclty

无法在iframe中调整大小

1 个答案: