html - 调整窗口大小导致问题

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;它来居中，并使用固定的高度和宽度，因此在任何屏幕分辨率上，我的网页设计都不会受到影响。这是帮助我避免屏幕分辨率问题的指南。如何使用 CSS 使网站居中。

Answer 2

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

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