化妆网页内容没有踩在一个固定的页脚

在我的网站我有我的页面底部的固定页脚，所以它总是可见。化妆网页内容没有踩在一个固定的页脚

它曾经是30像素高度，我所做的是设置在每一页的#container一个margin-bottom: 50px，这样的内容永远不会被我的页脚隐藏的，如果它继续通过50像素边距标记，然后你有向下滚动的机会，工作得很好。

但这里是我的问题，我最近改变了我的页脚，现在高约70像素，所以我不得不改变我的网页的每一个者的CSS属性。

是否有这个选择吗？某种CSS技巧，我可以直接应用于我的div #footer的CSS？

希望听到您的建议，

2015-12-17 apatik

可能是我理解你错了，但你不能只添加70像素保证金顶到您的页脚股利，而不是保证金底部到其他元素？ –

我建议你不要从UI/UX的角度来做一个固定的页脚，除非用户有一些固有的好处。 –

Stefan：这确实是我尝试的第一件事，但它不起作用：/ @ haakon319什么是UI/UX？谢谢 – apatik

简单的解决方案将增加“下边距”你的“身体”的标签。这将解决您的问题。

2015-12-17 21:26:45

这是我现在试用的解决方案，谢谢 – apatik

解决方法1：将您共同CSS到外部文件，并通过每个页面包含它。

解决方案2：PHP包括

2015-12-17 21:28:13

可以在额外的div用它来帮助您模拟页脚的高度，我用它当我开着我这样的固定头：<div class="menu-top"></div>，把我的头它的高度，你的情况我会用一个div footer-bottom类，你会放置70像素高度的一个衡量你的页脚是这样的：

的CSS：

.footer-bottom{ 
    height: 70px; 
}

HTML：

<div class="footer-bottom"></div> 
<footer> 
... 
</footer>

这是一个简单而有效的方法，我希望它可以帮助你......

2015-12-17 21:28:32

回答