粘性页脚CSS问题

粘性页脚CSS问题,css,height,footer,Css,Height,Footer,我已经能够设计我的布局,使它有2列和100%的宽度,你可以看到 现在,我尝试用这个布局实现一个粘性页脚(100%)高度,它的背景也在右边的列中,沿着页脚向下流动,还有我在左边的列中的边框 有没有一种方法可以用我目前的布局来实现这一点,或者如果有人能建议一种替代我目前的布局的方法,那就太好了 谢谢 看一看。这也已经讨论过了。看一看。这一点也已经讨论过了。我将向DIV添加一个CSS类,其中包含所需的列和样式。为了接近,我必须将以下内容添加到您的CSS文件中: body { height: 100%

我已经能够设计我的布局,使它有2列和100%的宽度,你可以看到

现在,我尝试用这个布局实现一个粘性页脚(100%)高度,它的背景也在右边的列中,沿着页脚向下流动,还有我在左边的列中的边框

有没有一种方法可以用我目前的布局来实现这一点,或者如果有人能建议一种替代我目前的布局的方法,那就太好了


谢谢

看一看。这也已经讨论过了。

看一看。这一点也已经讨论过了。

我将向DIV添加一个CSS类,其中包含所需的列和样式。为了接近,我必须将以下内容添加到您的CSS文件中:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}

我将向DIV中添加一个CSS类,其中包含所需的列和样式。为了接近,我必须将以下内容添加到您的CSS文件中:

body
{
 height: 100%;
}

.footer
{
 position: absolute;
 top: 90%;
 left: 0;
 height: 10%;
}

ChssPly76,我已经开始工作了,但是我不知道如何使色谱柱向下流动?你的col2似乎有固定的宽度,对吗?使用右对齐的背景图像。ChssPly76,是的,但即使在实现粘性页脚(使用链接)后,我的主体也会一直向下流动到页脚。看这里。关于如何让它工作的任何提示?意思是说不工作。你的HTML布局是错误的
clearfix
需要应用于
wrapper
中右侧的“main”div,并且“main”div应该是其中唯一的一个。您既有
标题
又有
colmask
。我上面提到的背景图像也应该应用于
wrapper
div。ChssPly76,我已经开始工作了,但是我不知道如何使列向下流动?您的col2似乎有固定的宽度,对吗?使用右对齐的背景图像。ChssPly76,是的,但即使在实现粘性页脚(使用链接)后,我的主体也会一直向下流动到页脚。看这里。关于如何让它工作的任何提示?意思是说不工作。你的HTML布局是错误的
clearfix
需要应用于
wrapper
中右侧的“main”div,并且“main”div应该是其中唯一的一个。您既有
标题
又有
colmask
。我上面提到的背景图像也应该应用于
wrapper
div。