我正在尝试使用:after 伪元素在页脚上添加一些装饰性的繁荣。
问题在于,根据我的css代码,装饰性繁荣元素(固定大小,使用背景图像)要么被页脚剪裁,要么最终延伸页面高度并添加垂直滚动条。
我需要的是从页脚顶部边框开始的装饰元素(换句话说,页面内容结束的位置)和页面底部的剪辑(或者如果屏幕空间允许,则根本不剪辑)。
如果我的问题不够明确,我可以在以后提供代码链接。
编辑:换句话说,我想知道当特定的底边绝对定位时,是否有任何理智的方法可以阻止垂直滚动条出现元素遍布页面底部。
EDIT2 :该网站目前位于http://www.ikimark.fi/ikimark_uusi/site 有问题的装饰是右下角蓬勃发展的形象。我今天正在编辑网站,所以代码可能会改变。
答案 0 :(得分:1)
请提供您项目的链接,然后尝试使用position:absolute;z-index:9999;
编辑:
好吧,我仍然对你要求的确切感到困惑。如果您希望蓬勃发展的图像不会覆盖内容下方太多空间并仅填充页脚的总高度,请在overflow: hidden;
wrap
添加div
。如果你不想要这个,那么请你解释一下吗?
答案 1 :(得分:0)
尝试使用overflow-y设置底部div的绝对高度:隐藏如下:
<div id="footer" style="height: 4em; overflow-y: hidden"></div>