写一个绝对定位实现按钮在父级元素

可以CSS中的position属性和z-index属性来实现按钮在父级元素中的绝对定位，具体代码如下：

.parent {
  position: relative;
}

.button {
  position: absolute;
  z-index: 1;
  top: 10px;
  right: 10px;
}

其中，`.parent`元素为按钮的父级元素，设置`position: relative`，使得子元素`.button`可以在其基础上进行绝对定位。`.button`元素设置`position: absolute`，使得其脱离文档流，并可以在父级元素中进行定位。`z-index: 1`用于将按钮置于父级元素的上层，以便于显示。`top`和`right`属性分别表示元素距离父元素顶部和右侧的距离。在这个例子中，`.button`元素会被定位在距离父元素顶部10像素，右侧10像素的位置。

相关问题

让这个按钮始终在页面中央怎么做

要让一个按钮始终在页面中央，可以使用CSS中的绝对定位（position: absolute）和transform属性。首先，需要将按钮的父级元素设置为相对定位（position: relative），然后将按钮设置为绝对定位（position: absolute），并使用transform属性将其水平和垂直居中。以下是一个示例CSS代码：

.parent {
  position: relative;
}

.button {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

在上述代码中，`.parent`是按钮的父级元素，`.button`是要始终在页面中央的按钮。`top: 50%`和`left: 50%`将按钮定位在其父级元素的中心位置，而`transform: translate(-50%, -50%)`将其向上和向左移动50%，使其实现水平和垂直居中。