Javascript 每次放大或缩小时页脚拉伸

Javascript 每次放大或缩小时页脚拉伸,javascript,jquery,html,css,footer,Javascript,Jquery,Html,Css,Footer,/*页脚延伸,与顶部不对齐。 使用jquery并使用本教程创建幻灯片 我对它很陌生,还在学习,但不是所有的东西都是在学校教的。 这是它的屏幕。先谢谢你 $('#滑块')。循环({ fx:‘滚动人’, 速度:“快”, 超时:0, 下一个:“#下一个”, 上一页:“#上一页” }); 身体{ 背景色:黑色; 保证金:0; 填充:0; 颜色:#0C0; 字体系列:Verdana、Arial、Helvetica、无衬线; 字体大小:100%; 线高:1.4; } #上{ 背景图像:url(图标%20和

/*页脚延伸,与顶部不对齐。 使用jquery并使用本教程创建幻灯片 我对它很陌生,还在学习,但不是所有的东西都是在学校教的。 这是它的屏幕。先谢谢你


$('#滑块')。循环({
fx:‘滚动人’,
速度:“快”,
超时:0,
下一个:“#下一个”,
上一页:“#上一页”
});
身体{
背景色:黑色;
保证金:0;
填充:0;
颜色:#0C0;
字体系列:Verdana、Arial、Helvetica、无衬线;
字体大小:100%;
线高:1.4;
}
#上{
背景图像:url(图标%20和%20徽标/滑块箭头左白.png);
背景重复:无重复;
背景位置:中心;
显示:块;
浮动:左;
高度:100px;
宽度:100px;
位置:相对位置;
z指数:99;
}
#下一个{
背景图像:url(图标%20和%20徽标/向右滑动箭头白色.png);
背景重复:无重复;
背景位置:中心;
显示:块;
浮动:对;
高度:100px;
宽度:100px;
位置:相对位置;
z指数:99;
}
#滑块{
显示:块;
浮动:左;
高度:720px;
宽度:960px;
溢出:隐藏;
位置:绝对位置;
}
#容器{
背景色:#000;
显示:块;
浮动:左;
高度:720px;
宽度:960px;
溢出:自动;
}
#包装纸{
显示:块;
高度:720px;
宽度:960px;
}
.集装箱{
宽度:100%;
最大宽度:1260px;
最小宽度:780px;
背景色:#000;
保证金:0自动;
}
背景色:#000;
}
.内容{
填充:15px0;
}
}
/*~~页脚~~*/
.页脚{
填充:10px0;
背景色:#000;
}
/*~~其他浮动/清除类~~*/
外研社{
浮动:对;
左边距:8px;
}
.fltlft{
浮动:左;
右边距:8px;
}
.clearfloat{
明确:两者皆有;
身高:0;
字号:1px;
线高:0px;
}
-->

文本
文本
文本
文本


每当您忘记定义div的宽度时,就会发生这种情况

.footer {
    width: /*Your width*/ ;
    padding: 10px 0;
    background-color: #000;
}

你忘了定义页脚的宽度,所以缩小时页脚会拉伸。我想现在一切都好了吧?
.footer {
    width: /*Your width*/ ;
    padding: 10px 0;
    background-color: #000;
}