Html 被粘脚难住了-韩元';Don’不要停在你想停的地方
我正在使用粘性页脚的“版本”: 以下是我试图让这项工作发挥作用的地方: 我想让它停在左列的末尾,但不管出于什么原因,我不能让它停在除了标题之外的任何东西之前。有没有办法让它以第一个链接中演示的方式在左栏后停止 以下是CSS: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
* {
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代码>到您的
div#左(u)栏
- 确保
#容器
有
余量:0-40px代码>(很抱歉,我之前告诉过你要删除它)
- 将
、位置
和左侧
规则从顶部
栏中删除#左侧
- 从您的
#账户链接中删除
规则职位
我编辑了上面的列表,因为我漏掉了一些东西。对不起,我正要编辑我的答案,因为我漏掉了一些东西。我不知道为什么这样做有效,我太累了,想不出来,但它确实起了作用。谢谢如果你有时间的话,我只是想弄清楚另一件事:在一开始,页脚没有坐在底部,因为它肯定有足够的空间。我怎么才能把它放在底部呢?把它刮下来。您所做的更改修复了此问题。我想知道你为什么把容器的边距去掉了。再次感谢@马克:没问题!很高兴我能帮忙。