Html 添加元素后获得空白

Html 添加元素后获得空白,html,css,Html,Css,在我的页面中添加元素(如页脚、img等),我会不断在页面底部添加空白。是什么原因造成的?我如何修复 编辑:更改了某些部分。感谢所有为我编辑这篇文章的人。 正文{ 溢出y:滚动; } #斯塔伊尔{ 列表样式类型:无; 保证金:0; 填充:0; 浮动:对; } #stajl ul li:悬停a{ 背景色:#99bbff; } #斯塔伊尔·乌利{ 显示:内联块; } #斯塔伊尔·乌尔·利阿{ 文字装饰:无; 显示:块; 填充:15px; 颜色:白色; 背景色:#80aaff; 不透明度:0.7; }

在我的页面中添加元素(如页脚、img等),我会不断在页面底部添加空白。是什么原因造成的?我如何修复

编辑:更改了某些部分。感谢所有为我编辑这篇文章的人。
正文{
溢出y:滚动;
}
#斯塔伊尔{
列表样式类型:无;
保证金:0;
填充:0;
浮动:对;
}
#stajl ul li:悬停a{
背景色:#99bbff;
}
#斯塔伊尔·乌利{
显示:内联块;
}
#斯塔伊尔·乌尔·利阿{
文字装饰:无;
显示:块;
填充:15px;
颜色:白色;
背景色:#80aaff;
不透明度:0.7;
}
#斯塔伊尔{
显示:无;
位置:绝对位置;
左边距:-105px;
}
#stajl ul li:悬停ul{
显示:块;
}
#斯塔伊尔·乌利{
显示:块;
颜色:白色;
宽度:352px;
}
#斯塔伊尔·乌尔·利阿{
颜色:#52527a;
}
#stajl ul li a:悬停{
颜色:#1F2E;
}
.阿罗{
字体大小:10px;
垂直对齐:中间对齐;
}
#img{
保证金:0;
填充:0;
高度:50px;
宽度:100px;
排名:0;
左:0;
}
#标题{
文本对齐:居中;
}
#收割台h1{
填充:0;
保证金:0;
位置:相对位置;
顶部:-40px;
左:-60px;
颜色:#99ccff;
文本对齐:居中;
显示:内联块;
}
#bkd{
z指数:-1;
位置:相对位置;
填充:0;
利润率:-9px;
顶部:-99px;
不透明度:0.6;
}
#bkd-img{
宽度:100%;
高度:500px;
}
#裹足{
利润率:-9px;
}
#页脚{
显示:块;
宽度:100%;
背景色:#e6;
不透明度:0.9;
位置:相对位置;
顶部:-150px;
高度:192px;
}
#页脚a img{
高度:25px;
宽度:25px;
}
#孩子a:第一个孩子{
右:-30px;
位置:相对位置;
顶部:-160px;
左:150px;
显示:内联块;
}
#页脚h2{
字体大小:粗体;
位置:相对位置;
字体系列:Verdana;
颜色:#668cff;
显示:内联块;
左:80px;
显示:内联块;
}
#页脚ul{
列表样式类型:无;
}
#页脚ulli{
位置:相对位置;
顶部:-19px;
垫底:19px;
左:35px;
字体系列:草书;
颜色:黑色;
字体大小:粗体;
}
#页脚a:第n个子项(2){
右:-30px;
位置:相对位置;
顶部:-120px;
左:120px;
显示:内联块;
}
#页脚a:第n个子项(3){
右:-30px;
位置:相对位置;
顶部:-80px;
左:90px;
显示:内联块;
}
.prvi{
位置:相对位置;
字体系列:Verdana;
颜色:#668cff;
顶部:-342px;
左:400px;
显示:内联块;
}

波茨金融服务公司
我们是来帮忙的! 社会的
  • 推特
  • 脸谱
  • Youtube
接触
这是因为此处的
左侧

#页脚ul li{
位置:相对位置;
顶部:-19px;
垫底:19px;
左:35px;
字体系列:草书;
颜色:黑色;
字体大小:粗体;
}
如果你在那里给出一个
宽度
,它将被修复。因此,请给出:

#页脚ul li{
位置:相对位置;
顶部:-19px;
垫底:19px;
左:35px;
宽度:50%;
字体系列:草书;
颜色:黑色;
字体大小:粗体;
}

输出:

请说清楚一点。那不是有效的HTML。我做了截图。希望能有帮助。我是新来的,所以知道的不多。对不起@Vuks你有一个我们可以查看和尝试的活动场所吗?@Vuks你的列表中缺少了一个结束标记
。希望你能知道发生了什么,因为我已经尝试了很多东西,但我不够聪明,无法弄清楚到底发生了什么。编辑:我只使用了一次位置:绝对,正如我所见。我用过很多次position:relative。@Vuks的整个布局是非常错误的。您根本不应该使用
位置
。@Vuks这是错误的,或者是犯罪。查看其他网站。您需要使用
浮动
溢出
。切勿使用
位置