Html I'；I’我想让另一个分区中的一个分区位于右下角

试了一段时间，但都堆在右下角的顶部？这就是我所能做到的。我想在链接周围留一个空白，但我好像不能把它们隔开？任何帮助都将不胜感激

#横幅{
背景颜色：灰色；
颜色：白色；
高度：100px；
边缘顶部：100px；
填充：10px；
宽度：100%；
位置：相对位置；
}
#链接{
填充：0px；
右边距：30px；
边缘底部：20px；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
显示：内联块；
位置：绝对位置；
底部：0；
右：0；
}
.选择器{背景色：白色；
颜色：灰色；
填充物：5px；
}

家
关于
项目
关于
接触

您的问题是在五个元素上使用相同的ID。ID只能使用一次。如果您希望对多个元素使用相同的CSS，请使用一个类，我在下面做了：我将公共属性放入我分配给所有5个元素的类

link

。我将5个元素的ID分别命名为“link1”到“link5”，并将第5个元素的单独属性放入ID

#link5

#横幅{
背景颜色：灰色；
颜色：白色；
高度：100px；
边缘顶部：100px；
填充：10px；
宽度：100%；
位置：相对位置；
}
.链接{
填充：0px；
右边距：30px；
边缘底部：20px；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
显示：内联块；
}
#链接5{
位置：绝对位置；
底部：0；
右：0；
}
.选择器{背景色：白色；
颜色：灰色；
填充物：5px；
}

家
关于
项目
关于
接触

您的问题是在五个元素上使用相同的ID。ID只能使用一次。如果您希望对多个元素使用相同的CSS，请使用一个类，我在下面做了：我将公共属性放入我分配给所有5个元素的类

link

。我将5个元素的ID分别命名为“link1”到“link5”，并将第5个元素的单独属性放入ID

#link5

#横幅{
背景颜色：灰色；
颜色：白色；
高度：100px；
边缘顶部：100px；
填充：10px；
宽度：100%；
位置：相对位置；
}
.链接{
填充：0px；
右边距：30px；
边缘底部：20px；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
显示：内联块；
}
#链接5{
位置：绝对位置；
底部：0；
右：0；
}
.选择器{背景色：白色；
颜色：灰色；
填充物：5px；
}

家
关于
项目
关于
接触

您可以将#link类中的position:absolute更改为relative，也可以使用正确的类将其环绕到另一个div中，因为您可能会这样创建：

.right{
  float:right;
}

---

我制作了一个小提琴手，你可以在你的链接类中将位置从绝对改为相对，也可以用正确的类环绕到另一个div中，你可以这样创建：

.right{
  float:right;
}

我做了一个小提琴手