Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 被粘脚难住了-韩元';Don’不要停在你想停的地方_Html_Css_Footer_Sticky Footer - Fatal编程技术网

Html 被粘脚难住了-韩元';Don’不要停在你想停的地方

Html 被粘脚难住了-韩元';Don’不要停在你想停的地方,html,css,footer,sticky-footer,Html,Css,Footer,Sticky Footer,我正在使用粘性页脚的“版本”: 以下是我试图让这项工作发挥作用的地方: 我想让它停在左列的末尾,但不管出于什么原因,我不能让它停在除了标题之外的任何东西之前。有没有办法让它以第一个链接中演示的方式在左栏后停止 以下是CSS: * { margin: 0; } #container{ min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -40px; } #footer, .push{ height:40

我正在使用粘性页脚的“版本”:

以下是我试图让这项工作发挥作用的地方:

我想让它停在左列的末尾,但不管出于什么原因,我不能让它停在除了标题之外的任何东西之前。有没有办法让它以第一个链接中演示的方式在左栏后停止

以下是CSS:

* {
margin: 0;
}

#container{
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -40px;
}

#footer, .push{
height:40px;
width: 100%;
background: -moz-linear-gradient(top, #565656, #303030);
background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#303030));
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#565656', endColorstr='#303030');
}

如果您需要我提供任何其他信息,请告诉我。

我假设您希望它不高于左栏,但如果页面变得更高,希望它粘在页面底部

如果是这种情况,那么允许页脚高于左列的原因是因为左列处于绝对位置。正因为如此,您的container div并没有强制它达到某个最小高度,所以当浏览器窗口变小时,它会比左列短

试试这个:

  • 添加
    溢出:隐藏到您的
    #容器
    div
  • 添加
    边距:0 50px到您的
    #左(u)栏
    div
  • 确保
    #容器
    余量:0-40px(很抱歉,我之前告诉过你要删除它)
  • 位置
    左侧
    顶部
    规则从
    #左侧
    栏中删除
  • 从您的
    #账户链接中删除
    职位
    规则
老实说,我不知道为什么你需要绝对定位这个布局很多

编辑:
我编辑了上面的列表,因为我漏掉了一些东西。

对不起,我正要编辑我的答案,因为我漏掉了一些东西。我不知道为什么这样做有效,我太累了,想不出来,但它确实起了作用。谢谢如果你有时间的话,我只是想弄清楚另一件事:在一开始,页脚没有坐在底部,因为它肯定有足够的空间。我怎么才能把它放在底部呢?把它刮下来。您所做的更改修复了此问题。我想知道你为什么把容器的边距去掉了。再次感谢@马克:没问题!很高兴我能帮忙。