<iframe>标签 marginheight属性规定 iframe 的顶部和底部的边距距离,以像素计计算。
本案例设置iframe的顶部和底部边距为30像素
<iframe width="250" height="200" src="/Template/Test/anli/HTML_iframe_p.html" marginheight="30"></iframe>
![]() | 要注意:iframe连接的文件如果设置了页面边距,比如:body style="margin:0px;",则marginheight属性无效。iframe链接是图片marginheight属性也是无效。以下讲解: |
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> </head> <body> <b>加载未设置边距的页面:</b></br> <iframe width="250" height="200" src="/Template/Test/anli/HTML_iframe_p.html" marginheight="30"></iframe> </br><b>加载设置了边距的页面:</b></br> <iframe width="250" height="200" src="/Template/Test/anli/HTML_iframe_p_2.html" marginheight="50"></iframe> </br><b>加载图片:</b></br> <iframe width="250" height="200" src="/Template/Test/img/icon.ico" marginheight="50"></iframe> </body> </html>
在第一个例子是正常的,因为HTML_iframe_p.html文件没有设置页面边距,我们看看HTML_iframe_p.html代码
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> </head> <body> <div style="border: 1px;border-style: solid"><p>这是一个段落。</p></div> </body> </html>
第二个例子是不正常的,因为HTML_iframe_p_2文件body标签设置了页面边距
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>炫代码(www.xuandaima.com)</title> </head> <body style="margin:0px;"> <div style="border: 1px;border-style: solid"><p>这是一个段落。</p></div> </body> </html>
<iframe marginheight="像素值">