Html iFrame:Div未显示

Html iFrame:Div未显示,html,iframe,Html,Iframe,我有一个简单的情况,如下所示: <body> <iframe id='my_iframe' name='my_iframe' style='display:none;'></iframe> <form id="fileupload" method="POST" enctype="multipart/form-data" action="upload_test.php" target='my_iframe'>

我有一个简单的情况,如下所示:

 <body>
     <iframe id='my_iframe' name='my_iframe' style='display:none;'></iframe>
 <form id="fileupload" method="POST" enctype="multipart/form-data" action="upload_test.php"            target='my_iframe'>
     <input name="theText1" id="theText1" type="text" />
     <input name="theFile1" id="theFile1" type="file" />
     <button style="width:40px;height:10px;" name="button1" id="submit" type="submit" />
 </form>
     <div  style='width:100px;height:100px;' id='target_div'>Test Text</div>
 </body>

测试文本

问题:Div不可见。如果我将其移到iframe上方,它会显示。我以前从未使用过iframe。我想不出这个。有什么建议吗?

在对JSFiddle进行一些修改(双关语)之后,似乎
按钮
标记不是自动关闭的。将
更改为
似乎已使div标记正确显示(“测试文本”被放置在按钮内部,这使我得出结论,按钮
标记不是自动关闭的)