Question

如果我想将元素放置在屏幕上的某个位置，我可以使用：

position: absolute;
top: 614px;
left: 215px;

在我的屏幕上，这个工作非常完美，元素就在我想要的地方。但是，如果我使用更大的屏幕，那就错了，如果我使用一个非常小的屏幕，你可能需要滚动才能看到该元素。你怎么解决这个问题？我已经尝试过研究，我认为这是一个非常正常的问题，但我还没有找到任何有用的东西。谢谢！

Answer 1

我想你想把元素贴在窗口的右下边缘？然后，只需使用$PSScriptRoot="D:\a" $ExternalMethod = $PSScriptRoot + ".\FolderWatcher1.ps1" .$ExternalMethod $ExternalMethod = $PSScriptRoot + ".\FolderWatcher2.ps1" .$ExternalMethod和bottom:0：

＆＃13;

right:0

＆＃13;

div {
  position: absolute;
  bottom: 0;
  right: 0;
}

＆＃13;

或者，如果您想将其置于中间位置，请应用50％：

＆＃13;

<div>text</div>

＆＃13;

div {
  position: absolute;
  top: 50%;
  left: 50%;
}

＆＃13;

Answer 2

位置绝对css通过相对于父元素绝对放置一些东西来工作。如果父元素没有退出，它将默认一直到html元素。基本上简而言之，这意味着如果您的父母改变您的绝对定位变化。

如果您希望它具有响应性，那么使用百分比会更好。您还可以使用媒体查询根据需要调整位置。

  .my-absolute-px{
        position: absolute;
        top: 100px;
        left: 100px;
    }
    
    .my-absolute-percent{
        position: absolute;
        top: 50%;
        left: 45%;
    }

  
    
    <div class="my-absolute-px">Some px content</div>
    <div class="my-absolute-percent">Some % content</div>

CSS - 如何获得位置：绝对;适用于不同的屏幕尺寸

2 个答案: