Html 当我滚动页面时,页脚会移动。如何使页面底部保持静止?

Html 当我滚动页面时,页脚会移动。如何使页面底部保持静止?,html,css,Html,Css,因此,实际上,如果我滚动页面,页脚会移动。我希望它被粘在页面底部,而不是移动。如果我滚动页面,我将显示图片以使其清晰 这是第一次。 第二个: css: .main\u包装器{ 宽度:1000px; 高度:自动; 保证金:自动; } .content\u包装{ 宽度:1000px; 高度:800px; 保证金:自动; 背景:粉红色; } html{ 最小高度:100%; 身高:100%; 填充底部:150px; } 身体{ 位置:绝对位置; 最小高度:100%; 身高:100%; 字体系列:

因此,实际上,如果我滚动页面,页脚会移动。我希望它被粘在页面底部,而不是移动。如果我滚动页面,我将显示图片以使其清晰

这是第一次。

第二个:

css:

.main\u包装器{
宽度:1000px;
高度:自动;
保证金:自动;
}
.content\u包装{
宽度:1000px;
高度:800px;
保证金:自动;
背景:粉红色;
}
html{
最小高度:100%;
身高:100%;
填充底部:150px;
}
身体{
位置:绝对位置;
最小高度:100%;
身高:100%;
字体系列:verdana;
背景色:#FFFFEE;
填充底部:100px;
}
#标志{
位置:绝对位置;
左:50px;
}
氢{
字体家族:幻想;
字体大小:35px;
位置:相对位置;
左:300px;
顶部:20px;
颜色:#FF85AD;
显示:内联;
}
#登录h2{
字体家族:幻想;
字体大小:25px;
位置:相对位置;
左:0px;
顶部:-20px;
颜色:#FF85AD;
显示:内联;
}
ul.sub1{
列表样式类型:无;
利润上限:4倍;
}
ul#tabs li{
宽度:125px;
文本对齐:左对齐;
位置:相对位置;
顶部:82px;
左:330px;
浮动:左;
左边距:4倍;
列表样式类型:无;
}
ul#标签a{
文字装饰:无;
显示:块;
宽度:125px;
高度:25px;
}
#制表符{
左边距:1厘米;
宽度:300px;
高度:25px;
}
#登录{
位置:绝对位置;
顶部:218px;
左:300px;
字体系列:verdana;
背景色:#FFFFEE;
}
#产品包装盒{
位置:绝对位置;
顶部:620px;
左:300px;
背景色:无;
宽度:720px;
文本对齐:居中;
边缘底部:0px;
填充底部:60px;
}
#产品包装箱1{
位置:绝对位置;
顶部:200px;
左:200px;
宽度:420px;
高度:479px;
文本对齐:居中;
左边距:30px;
边框:2倍实心;
边界半径:25px;
填充底部:60px;
}
#钮扣{
宽度:80px;
高度:30px;
背景色:#A9A9F5;
z指数:-1;
边界半径:10px;
}
#单人房{
颜色:#484A49;
字体系列:verdana;
字体大小:10px;
浮动:左;
左边距:20px;
填充:10px;
}
#单螺杆泵1{
颜色:#484A49;
字体系列:verdana;
字体大小:10px;
浮动:左;
文本对齐:左对齐;
左边距:40px;
填充:10px;
填充底部:60px;
}
#表2\u管理{
位置:相对位置;
浮动:左;
顶部:110px;
左:300px;
宽度:800px;
高度:444px;
边界塌陷:塌陷;
}
#电话头{
线高:50px;
宽度:650px;
位置:绝对位置;
左:800px;
顶部:70像素;
字体系列:verdana;
字体大小:12px;
颜色:#484A49;
}
#电话头{
垂直对齐:文本中间对齐;
}
#边栏{
位置:绝对位置;
左:50px;
顶部:215px;
宽度:150px;
高度:30px;
}
#侧栏标题{
文本对齐:居中;
背景色:#FF85AD;
位置:绝对位置;
左:10px;
顶部:-18px;
宽度:130px;
高度:23px;
}
#侧栏标题1{
文本对齐:居中;
背景色:#FF85AD;
位置:绝对位置;
左:10px;
顶部:225px;
宽度:130px;
高度:20px;
}
#猫{
填充底部:22px;
}
#猫李{
列表样式:无;
利润率:7px;
文本对齐:居中;
}
#猫a{
颜色:#484A49;
文字装饰:无;
字体大小:15px;
}
#猫a:悬停{
颜色:粉红色;
}
#买桌子{
位置:绝对位置;
浮动:左;
顶部:200px;
左:750px;
宽度:500px;
高度:444px;
文本对齐:左对齐;
背景色:#D8CEF6;
边界半径:25px;
}
#购买桌子{
宽度:100px;
高度:50px;
文本对齐:左对齐;
左侧填充:20px;
}
#购买表p{
填充:12px;
文本对齐:左对齐;
字体大小:15px;
}
#购买表格h2{
位置:相对位置;
顶部:5px;
左:200px;
字体大小:20px;
文本对齐:居中;
}
#msg1,
#msg2,
#msg3,
#msg4,
#msg5{
字体大小:15px;
颜色:#FF0080;
宽度:100px;
高度:50px;
文本对齐:左对齐;
左侧填充:20px;
}
#表2.订单{
位置:相对位置;
浮动:左;
顶部:110px;
左:330px;
宽度:700px;
文本对齐:居中;
背景色:#D8CEF6;
}
#表2.订单td{
左侧填充:8px;
}
#表(八){
填充:8px;
}
#页脚{
位置:固定;
底部:0px;
背景色:#D6C2;
宽度:100%;
高度:30px;
文本对齐:居中;
}

利约林
百合花店
如需电话订购或帮助选择鲜花,请致电:1800 5024 22
类别
价格
$(函数(){ //配置 var宽度=720; var=1000; var=4000; var currentSlide=1; //缓存DOM 变量$slider=$('.slider'); var$slideContainer=$slider.find('.slides'); var$Slide=$slideContainer.find('.Slide'); //将幻灯片1复制到最后一张 $slideContainer.append($Slide.first().clone()); var区间; 函数startSlide(){ 间隔=设置间隔(函数(){ $('.slider.slides')。设置动画({ “左边距”:“-=”+宽度