Heim > Web-Frontend > HTML-Tutorial > iframe标签嵌套的子页body不能重合,如图:_html/css_WEB-ITnose

iframe标签嵌套的子页body不能重合,如图:_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 12:23:24
Original
2078 Leute haben es durchsucht

html css web

红色框记是iframe边,蓝色框记是子页body边
图一:

图二:

回复讨论(解决方案)

我想要达到的是:蓝色框记与红色框记重合

蓝色框记是子页body边
re:
子页?也是一个iframe?

不是,是指iframe内嵌页面

设置iframe的frameborder=0

iframe的连接页(你的子页)的样式为

body {margin:0;padding:0;}
Nach dem Login kopieren
Nach dem Login kopieren

设置iframe的frameborder=0

iframe的连接页(你的子页)的样式为

body {margin:0;padding:0;}
Nach dem Login kopieren
Nach dem Login kopieren


你提到的都已设置,如下(但还是不起作用):


子页:body{margin:0 auto; paddin:0; background:transparent; width:667px; overflow:auto;}

paddin:0;?难道是拼写错误的原因?

paddin:0;?难道是拼写错误的原因?

paddin:0;?难道是拼写错误的原因?

这里写错了而已,文件上没写错

有公网可以访问的地址吗

有公网可以访问的地址吗

?有,?上???:
1.html









left







2.html








  <br /> aaaaa  <br /> aaaaa  <br /> aaaaaa  <br /> aaaaaaaa  <br /> 
Nach dem Login kopieren



主页面

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title></title></head><style type="text/css"><!-- *{border:none; margin:0 auto; padding:0;}div{border:1px solid red; width:600px;}--></style><body><div id="lDiv">left</div><div id="rDiv"><iframe marginheight="0" marginwidth="0" frameborder="0" allowtransparency="no" name="ifm" src="7.html"></iframe></div></body></html>
Nach dem Login kopieren

7.html
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="content-type" content="text/html; charset=gb2312" /><title>iframe child</title><style type="text/css">body{margin:0;padding:0;}</style></head><body><pre class="brush:php;toolbar:false">aaaaaaaaaaaaaaaaaaaaaaaa
Nach dem Login kopieren

Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage