Html 保持按钮固定，但在体内

gotop

是一个在页面顶部滚动的按钮，它不能滚动，即必须是

固定的

问题出现在大于1366 px的监视器上。按钮离车身很远

---

如何将其固定在车身内部？

我不建议在车身上使用“最大宽度”。。。你应该把它放在一个div中，它会将页面中的所有内容都包装起来

然后将按钮放在包装器的底部，并应用以下CSS。如果需要，调整值以获得更好的位置

.wrapper{
位置：相对位置；
高度：200vh；
宽度：100%；
最大宽度：400px；
背景：#000；
}
.持有人{
位置：绝对位置；
最高：92.5%；
右：0；
背景：#ccc；
}
.按钮{
高度：30px；
宽度：70px；
位置：固定；
左边距：-70px；/*减去宽度*/
底部：10%；
}

试验

我不建议在车身上使用最大宽度。。。你应该把它放在一个div中，它会将页面中的所有内容都包装起来

然后将按钮放在包装器的底部，并应用以下CSS。如果需要，调整值以获得更好的位置

.wrapper{
位置：相对位置；
高度：200vh；
宽度：100%；
最大宽度：400px；
背景：#000；
}
.持有人{
位置：绝对位置；
最高：92.5%；
右：0；
背景：#ccc；
}
.按钮{
高度：30px；
宽度：70px；
位置：固定；
左边距：-70px；/*减去宽度*/
底部：10%；
}

试验

试试这个

正文{
最大宽度：1366px；
背景#f1f1；
}
戈托先生{
位置：绝对位置；
右：25px；
底部：25px；
光标：指针；
}

顶部

试试这个

正文{
最大宽度：1366px；
背景#f1f1；
}
戈托先生{
位置：绝对位置；
右：25px；
底部：25px；
光标：指针；
}

顶部

你所要求的是一种相当古老的做事方式，但它是可以实现的

• 设置主体的宽度
• 将固定元素设置为中心
• 按主体和固定元素的宽度偏移中心

html，
身体{
位置：相对位置；
身高：100%；
最大宽度：200px；
保证金：0自动；
边框：1px实心#111；
}
戈托先生{
位置：固定；
左：50%；
底部：7px；
光标：指针；
宽度：40px；
背景：#eee；
左边距：60px；/*正文的一半宽度减去gotop的宽度*/
}

---

TOP

你所要求的是一种相当古老的做事方式，但它是可以实现的

• 设置主体的宽度
• 将固定元素设置为中心
• 按主体和固定元素的宽度偏移中心

html，
身体{
位置：相对位置；
身高：100%；
最大宽度：200px；
保证金：0自动；
边框：1px实心#111；
}
戈托先生{
位置：固定；
左：50%；
底部：7px；
光标：指针；
宽度：40px；
背景：#eee；
左边距：60px；/*正文的一半宽度减去gotop的宽度*/
}

---

TOP

一种可能的解决方案是省略固定按钮的

TOP

、

right

、

bottom

、

left

值。这样，它将粘在容器上：

.container{
位置：相对位置；
最大宽度：800px；
高度：200vh；/*用于滚动演示*/
保证金：0自动；
边框：1px纯黑；
}
.按钮包装{
位置：绝对位置；
右：35px；/*按钮宽度加边距*/
顶部：30%；/*或任何你需要的*/
}
.按钮{
位置：固定；
宽度：25px；
高度：25px；
光标：指针；
背景：黑色；
}

---

一种可能的解决方案是省略固定按钮的

顶部

，

右侧

，

底部

，

左侧

值。这样，它将粘在容器上：

.container{
位置：相对位置；
最大宽度：800px；
高度：200vh；/*用于滚动演示*/
保证金：0自动；
边框：1px纯黑；
}
.按钮包装{
位置：绝对位置；
右：35px；/*按钮宽度加边距*/
顶部：30%；/*或任何你需要的*/
}
.按钮{
位置：固定；
宽度：25px；
高度：25px；
光标：指针；
背景：黑色；
}

在这种情况下，我将使用百分比，例如：<代码>右：10% < /代码>使用百分比而不是px。@ eNxANeta，使用百分比，按钮将在不同的监视器上具有不同的右距离（相对于身体）。在这种情况下，您应该考虑显示更多的代码。我确信这可以用<代码> Calc（）/<代码>解决，以类似的方式，这里描述的技术也可以工作，在这种情况下，我将使用百分比，例如：
right:10%
Used percentage而不是px。@enxaneta，使用百分比按钮将具有不同的右距离（相对于主体）在不同的监视器上。在这种情况下，你应该考虑显示更多的代码。我确信这可以用<代码> Calc（）/<代码>来解决，与这里描述的技术类似。你看到了吗？你的按钮可以和其他内容一起滚动吗？你看到了吗？你的按钮可以和其他内容一起滚动吗？
body
不是100%！如果你想要1366px。你可以改变。那么解决方案在哪里呢？在更大的监视器上，按钮位于身体外部<代码>正文

不是100%！如果你想要1366px。你可以改变。那么解决方案在哪里呢？在更大的监视器上，按钮位于身体外部！你怎么知道身体的一半宽度是多少？它没有固定的宽度。您可能可以使用

calc（）

和

vw

的组合来计算左边距值。老实说，我建议您首先重新考虑如何编译此页面。以这种方式操纵主体不是一种好的做法。@DreamTeK、

body

、或

container

、或

wrapper

。。。将固定元件保持在内部的问题是相同的。您如何知道主体的

半宽是多少？它没有固定的宽度，你可能
body{
    max-width:1366px;
}

.gotop{
    position:fixed;
    right:9px;
    bottom:7px;
    cursor:pointer;
    width:25px;
}