CSS按钮固定位置的方法有多种，常用的方法是使用position属性和z-index属性。

首先，我们使用CSS设置按钮的样式：

button{background-color: #4CAF50;border: none;color: white;padding: 10px 20px;text-align: center;text-decoration: none;display: inline-block;font-size: 16px;margin: 4px 2px;cursor: pointer;}

接下来，我们使用position属性将按钮固定在页面的某个位置。position属性有4种取值：

1. static（默认值）：元素正常排版，不受top、bottom、left、right属性的影响。

2. relative：元素按照正常流排版，但是可以通过top、bottom、left、right属性在静态位置上进行偏移。

3. absolute：元素从正常流中脱离，相对于最近的具有position属性的祖先元素进行定位，如果没有祖先元素，则相对于body元素进行定位。

4. fixed：元素固定在浏览器窗口中的某个位置，不随页面滚动而移动。

例如，下面的代码将按钮固定在页面的右下角：

button{position: fixed;bottom: 0;right: 0;}

最后，如果页面上有多个固定位置的元素，可以使用z-index属性指定它们之间的层级关系。z-index的取值为整数，越大的元素在前面显示。

例如，下面的代码将一个菜单按钮固定在页面的左上角，并指定z-index为1，将主内容区域固定在页面的右下角，并指定z-index为2：

#menu-button{position: fixed;top: 0;left: 0;z-index: 1;}#content{position: fixed;bottom: 0;right: 0;z-index: 2;}

使用上述方法可以方便地实现CSS按钮的固定位置，提高网页的用户体验。