html - 内容框架内的页脚

标签 html css wordpress

<分区>

页脚位于网站框架内而不是下方:

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;
}

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

最佳答案

现在你的 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 
}

enter image description here

如果您现在在您的 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
    }

关于html - 内容框架内的页脚,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12858455/

上一篇:css - 内联元素和 float 不符合预期

下一篇:CSS - 文本装饰不适用于图像

相关文章:

html - iPad 缩放以适合在内容最少的网页上不起作用

html - flex 盒悬停 child 全高

javascript - 使用 Jquery 的 onClick 事件

html - 由浏览器在 P 标签中生成

wordpress - 在 WordPress 中重命名类别

html - 如何使用 CSS 将跨度更改为看起来像 pre?

html - CSS .not(selector) 不适用于 span 标签

html - 拉伸(stretch)表格的宽度以适应网络浏览器

jquery - Google map 街景的可 float div?

html - 我们可以将 CSS 用于仅比固定尺寸宽的图像吗?