Rumah > hujung hadapan web > html tutorial > iframe标签嵌套的子页body不能重合,如图:_html/css_WEB-ITnose

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
Lepaskan: 2016-06-24 12:23:24
asal
2127 orang telah melayarinya

html css web

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

图二:

回复讨论(解决方案)

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

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

不是,是指iframe内嵌页面

设置iframe的frameborder=0

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

body {margin:0;padding:0;}
Salin selepas log masuk
Salin selepas log masuk

设置iframe的frameborder=0

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

body {margin:0;padding:0;}
Salin selepas log masuk
Salin selepas log masuk


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


子页: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 /> 
Salin selepas log masuk



主页面

<!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>
Salin selepas log masuk

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
Salin selepas log masuk

Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan