2
首先，我是用爲什麼我的頁腳在我的頁面頂部？
#copyright {
position: fixed;
bottom: 0;
left: 0;
right: 0;
height: 50px
}
footer {
position: fixed;
bottom: 50px;
left: 0;
right: 0;
}
，直到我測試了更小的屏幕上我的網站，實現了頁腳是重疊的內容後就正常了。於是我試着設置html和body高度100%還設置我的wrapper到最低高度100%，並把頁腳之下，更相對頁腳的希望。但現在它卡在頂端，這是什麼原因造成的？
#wrapper {
\t display: block;
\t position: fixed;
\t text-align: center;
\t min-height: 100%;
\t width: 100%;
\t top: 0;
\t bottom: 0;
\t left: 0;
\t right: 0;
}
#header p {
\t font-size: 2em;
\t margin: 0;
}
#header ul {
\t list-style-type: none;
}
#header ul li {
\t display: inline;
\t padding: 20px 20px;
\t font-size: 1.5em;
\t margin: 0 30px;
}
#copyright {
\t position: relative;
\t height: 50px;
\t width: 100%;
\t text-align: center;
\t font-size: 0.8em;
}
#footer {
\t position: relative;
\t margin-top: 15px;
\t height: 50px;
\t width: 100%;
\t text-align: center;
\t font-size: 0.8em;
}
#footer ul {
\t list-style-type: none;
}
#footer ul li {
\t display: inline;
\t margin: 0 15px;
}<div id="wrapper">
<div id="header">
<p>Pavel Design</p>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="gallery.html">Gallery</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</div>
<div id="contentwrapper">
<div id="content">
<h1>Lorem Ipsum</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nam tempus imperdiet nulla scelerisque bibendum. Praesent eu tempus dolor, vel venenatis purus.</p>
</div>
</div>
</div>
<footer id="footer">
<ul>
\t <li><a href="index.html">Home</a></li>
\t <li><a href="about.html">About</a></li>
\t <li><a href="gallery.html">Gallery</a></li>
\t <li><a href="services.html">Services</a></li>
\t <li><a href="contact.html">Contact</a></li>
\t <li><a href="mailto:[email protected]">[email protected]</a></li>
</ul>
<p>© Pavel Design 2016 | Photography, design and website construction by Pavel Design 2016</p>
</footer>
\t編輯：
我的包裝使用了固定的位置，這樣我可以等分配top: 0bottom: 0和，因爲我用的是覆蓋整個屏幕的背景圖像，當我只使用min-height和min-width背景圖像不覆蓋整個屏幕，而是留下一個白色的小邊框的頁面
因爲'wrapper'及其所有內容都是'fixed'位置... – kukkuz
下面是一些提示，以檢查是否有未來：爲什麼它留在這兒，不是嗎？所以，你可以考慮：'place'，'panel'，'frame'，...所有這些都與'position'有關。所以，檢查所有'位置'來解決問題。祝你好運。 –
嘗試我的，它的作品！ –