iframe标签嵌套的子页body不能重合，如图：_html/css

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

WBOY

发布： 2016-06-24 12:23:24

原创

2079 人浏览过

html css web

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

图二：

回复讨论(解决方案)

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

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

不是，是指iframe内嵌页面

设置iframe的frameborder=0

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

body {margin:0;padding:0;}

登录后复制

设置iframe的frameborder=0

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

body {margin:0;padding:0;}

登录后复制

你提到的都已设置，如下（但还是不起作用）：

子页：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 />

登录后复制

主页面

<!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>

登录后复制

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

登录后复制