html - 内容框架内的页脚

Question

页脚位于网站框架内，而不是位于其下方：

http://www.lauradawaf.co.uk/contact

HTML

<div id="footer">
    <div id="footer-inner">
    <span>Laura Dawaf &copy; | +44(0)7979 427 527 | <a href="mailto:info@lauradawaf.co.uk">info@lauradawaf.co.uk</a </span>
                    </div>

<a href="#top">Back to top.</a>
                </div>

CSS

#footer {
    margin:0px;
    font-size: 11px;
    margin:54px 0 0 0;
    color: #9E9D9D;
}

并且页脚在投资组合页面上不可见：

Answer 1

从 div#primary 和 div#footer 中删除绝对位置。

Answer 2

现在你的 css 样式有一些变化，就像这样

您的布局编码中只有三个变化比您的设计完美演示如下

#project_thumbnails.isotope{
overflow:hidden;  // remove this line in your inline stylesheet
}


#primary.isotope-item{
position:abslute; // remove this line in your inline stylesheet
}

#footer.isotope-item{
position:absolute; // remove this line in your inline stylesheet 
}

如果您现在在 html 页面中找到此 css，而不是像这样在您的主 css 样式表中应用

#project_thumbnails.isotope{
    overflow: auto !important;  // add this css in your main css file
    }


    #primary.isotope-item{
    position:static  !important; //add this css in your main css file
    }

    #footer.isotope-item{
    position:static !important; // add this css in your main css file
    }