0
は（私はまだ学んでいます）私は単にheader.phpのをindex.phpのとfooter.phpポジション：固定 -
である私の上司のためのワードプレスのウェブページを作成しています、私のひどいコーディング容赦下さいヘッダーの上に私のフッターを押しますindex.phpの内容はheader.phpとfooter.phpの後ろに置いておきたいiframeです。しかし、私は位置を適用する：固定;私のフッタが飛び出し、私のheader.phpをカバーしています。
私は100％のサイズのiframe（なしスクロール）だけでなく、私のページの下部に事前に
おかげでダウンしたままフッターメニューを持つことができる方法を見つけるのに苦労しています:)
body, html {
margin: 0;
padding: 0;
}
#container {
display: inline-block;
}
header {
top: 0;
z-index: 1;
position: absolute;
background: rgba(255, 255, 255, 0.5);
overflow: hidden;
width: 100%;
height: 100px;
}
.bmenu li{
\t display: inline-block;
}
#menu1 ul{
float: left;
}
#menu2 {
float: right;
padding-right: 5%;
}
#logo img{
margin-left: 15%;
width: 300px;
max-width: 100%;
}
.cmenu li{
display: inline;
padding: 20px 50px;
max-width: 100%;
}
#navigation3 ul{
margin-left:40%;
margin-bottom: 10px;
max-width: 100%;
z-index: 1;
position: fixed;
}
iframe {
z-index: 0;
width: 100%;
height: 100%;
overflow: hidden;
position: fixed;
}<body>
<div id="container">
<header>
<div id="menu1">
<nav id="navigation1">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<div id="menu2">
<nav id="navigation2">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<div id="logo">
<img src="<?php bloginfo('stylesheet_directory'); ?>/images/logo.png" alt="logo">
</div>
</header>
<article>
<iframe name="background" scrolling="no" src="https://www.bing.com.au" frameborder="0">
<p>Your browser does not support iframes.</p>
</iframe>
</article>
<div id="footer">
<nav id="navigation3">
<ul>
<li>menu item</li>
<li>menu item</li>
<li>menu itemm</li>
</ul>
</nav>
</div>
<?php wp_footer(); ?>
</div>
</body>
これは本当にありがとうございました:) –