要实现这个目标，我们可以使用CSS中的相对定位（relative positioning）。这种方法允许我们相对于某个参照物定位元素。在这种情况下，我们将使用HTML页面的底部作为参照物。
下面是一些CSS代码，可将按钮相对于页面底部定位：
p {position: relative; /* 设置p元素的定位为相对定位 */height: 2000px; /* 设置p元素的高度 */}button {position: absolute; /* 设置按钮元素的定位为绝对定位 */bottom: 0; /* 将按钮定位到页面底部 */margin: 20px; /* 添加一些外边距来美化按钮 */}在上面的代码中，我们首先将p元素的定位设置为相对定位。接下来，我们将按钮的定位设置为绝对定位，并将其相对于参照物（即p元素）的底部定位。
我们还可以添加一些外边距来美化按钮。这里我们将添加20像素的外边距。
总之，相对定位是一种非常有用的CSS技术，可以将元素相对于其参照物定位。使用相对定位，我们可以将按钮轻松地定位到页面底部，而不必担心它们跟随页面上下移动。
上一篇：javascript中各部分的作用
下一篇：css按钮式超链接
