调整窗口大小导致问题

Question

我想在我的网页上的某个位置放置一个按钮，但调整窗口大小会导致按钮移动。

这是CSS：

    .btn-success{
        position: absolute;
        left: 37%;
        bottom: 20%;
    {

和HTML：

    <button class="btn btn-success btn-large">Buy now!</button>

我该怎么做才能防止这种情况发生？如果还有其他任何我可以发布的内容会有所帮助，请告诉我。感谢。

Answer 1

正如prodigitalson建议不要使用百分比。根据我使用百分比的经验，在更改不同的屏幕分辨率时会破坏您的网页设计。使用固定宽度或高度（使用.px或.em）。在我的网站中，我使用margin: 0 auto;来居中，我使用固定的高度和宽度，因此在任何屏幕分辨率下，我的网页设计都不会受到影响。这是一个帮助我避免屏幕分辨率问题的指南。 How to Center a Website With CSS

Answer 2

我猜这个按钮嵌套在HTML的某个内容容器中。假设此容器设置了最大宽度或宽度，您可以添加位置：相对于此容器'css。

您需要知道您的按钮将相对于具有相对位置或绝对位置的第一个父级位置。