Home >Web Front-end >HTML Tutorial >The bodies of subpages nested in iframe tags cannot overlap, as shown in the figure: _html/css_WEB-ITnose

The bodies of subpages nested in iframe tags cannot overlap, as shown in the figure: _html/css_WEB-ITnose

WBOY
WBOYOriginal
2016-06-24 12:23:242098browse

html css web

The red box is the iframe side, the blue box is the subpage body side
Figure 1:

Figure 2:

Reply to discussion (solution)

What I want to achieve is: the blue box mark coincides with the red box mark

The blue box mark is the sub-page body edge
re:
Subpage? Is it also an iframe?

No, it refers to the iframe embedded page

Set the iframe's frameborder=0

The style of the iframe's connection page (your subpage) is

body {margin:0;padding:0;}

Set the iframe's frameborder=0

The style of the iframe's connection page (your subpage) is

body {margin:0;padding:0;}


Everything you mentioned has been set as follows (but it still doesn’t work):
0542152e4a98dd0f1c493a97dce03596065276f04003e4622c4fe6b64f465b88

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

paddin:0;? Is it because of a spelling error?

paddin:0;? Is it because of a spelling error?

paddin:0;? Is it because of a spelling error?

It’s just a mistake here, but it’s correct in the document

Is there an address that can be accessed from the public network?

Is there an address that can be accessed from the public network?

?Yes,?on???:
1.html
487760ea506d9c0e1c8b63593d79d84c
68ccb177a5de0ef9542dde7d35bae727
93f0f5c25f18dab9d176bd4f6de5d30e
d124aedaeca6481e0bb3b2a3e45e44f0
b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1
< ;style type="text/css">
b91d2957678e4ef7c227c400715d934d
531ac245ce3e4fe3d50054a55f265927

6c04bd5ca3fcae76e30b72ad730ca86d
3057d8c0b4d59326aa67ab2597da334eleft16b28748ea4df4d9c2150843fecfba68
c36c83d26be91ec6dc5f98fa9dd5d018
65363b5a29ffef9de4316fe6e2a9bd84 065276f04003e4622c4fe6b64f465b88
16b28748ea4df4d9c2150843fecfba68
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

2.html
e4865525f509866fa1cb611c11b71988
a44c454011f1fcfccfc5c9d0e7b44dc7
93f0f5c25f18dab9d176bd4f6de5d30e
d124aedaeca6481e0bb3b2a3e45e44f0
b2386ffb911b14667cb8f0f91ea547a76e916e0f7d1e588d4f442bf645aedb2f
9c3bca370b5104690d9ef395f2c5f8d1

6c04bd5ca3fcae76e30b72ad730ca86d
e03b848252eb9375d56be284e690e873
aaaaa
aaaaa
aaaaaa
aaaaaaaa
bc5574f69a0cba105bc93bd3dc13c4ec
36cc49f0c466276486e50c850b7e4956
73a6ac4ed44ffec12cee46588e518a5e

Main page

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

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn