Html 将文本放置在右下角

我试图使文本保持在右下角，但一旦我更改窗口高度或宽度，它就会超出曲线（如图所示）

我试着用百分比、vw、vh、em和屏幕大小改变来定位它

你知道如何定位它，使它无论屏幕大小都始终保持在曲线内吗

代码如下：

。电话号码{
位置：绝对位置；
底部：20vh；
右：5vh；
颜色：#472d23；
字号：600；
字体大小：3vh；
}
.登录页{
背景：url（“../img/bg2.jpg”）；
背景尺寸：封面；
背景重复：无重复；
高度：100vh；
背景位置：中心；
位置：相对位置；
溢出：隐藏；
-webkit转换：所有2个易于输入输出；
-moz转换：所有2个易于输入输出；
过渡：所有2个易于输入输出；
}
.曲线{
背景：url（“../img/Curve.png”）；
背景位置：底部中心；
背景重复：无重复；
背景尺寸：封面；
位置：相对位置；
高度：100vh；
}

+1 800-800-800

尝试以下操作，将文本设置为相对于右下角的固定位置：

.phone-number {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #472d23;
  font-weight: 600;
  font-size: 3vh;
}

---

尝试以下操作将文本设置为相对于右下角的固定位置：

.phone-number {
  position: absolute;
  bottom: 5px;
  right: 5px;
  color: #472d23;
  font-weight: 600;
  font-size: 3vh;
}

---

试试这个。在HTML中，添加：

<div class="numBox">
    <p class="num">Your number or your stuff</p>
</div>

---

试试这个。在HTML中，添加：

<div class="numBox">
    <p class="num">Your number or your stuff</p>
</div>

---

吴。我想我有一个解决办法给你

我想你需要一些东西的组合。这是

首先，我认为您需要将您的位置设置为相对位置

其次，您需要在css中使用“transform:translate；”设置，但使用之前使用的任何百分比将文本保留在需要的位置。您可以将这些“y”和“x”百分比放在css代码的“translate”部分

为什么我认为这会起作用

当您为网页创建全屏视频背景（或任何类型的背景）时，通常使用代码的“transform:translate”特性来帮助确保无论发生什么情况，背景都保持居中

如果你想一想，你告诉CSS要做的就是将项目动画化到你告诉它的位置，不管浏览器的条件或大小如何

使用这个概念，“transform:translate”应该可以工作，不管您希望项目在屏幕上处于什么位置，不管它是否居中。几个月前，一位经验丰富的工程师告诉我，所有的工程（包括编码）都是关于理解概念的，因为没有两种情况需要相同的答案。所以学习的秘诀就是学会如何适应和应用概念

对不起。。。切线

不管怎样，我认为这种方法会奏效，即使我不能提供准确的代码

还有一件事

如果“位置：相对”与我告诉你的不符，请尝试“位置：绝对”

---

我希望这有帮助

吴。我想我有一个解决办法给你

我想你需要一些东西的组合。这是

首先，我认为您需要将您的位置设置为相对位置

其次，您需要在css中使用“transform:translate；”设置，但使用之前使用的任何百分比将文本保留在需要的位置。您可以将这些“y”和“x”百分比放在css代码的“translate”部分

为什么我认为这会起作用

当您为网页创建全屏视频背景（或任何类型的背景）时，通常使用代码的“transform:translate”特性来帮助确保无论发生什么情况，背景都保持居中

如果你想一想，你告诉CSS要做的就是将项目动画化到你告诉它的位置，不管浏览器的条件或大小如何

使用这个概念，“transform:translate”应该可以工作，不管您希望项目在屏幕上处于什么位置，不管它是否居中。几个月前，一位经验丰富的工程师告诉我，所有的工程（包括编码）都是关于理解概念的，因为没有两种情况需要相同的答案。所以学习的秘诀就是学会如何适应和应用概念

对不起。。。切线

不管怎样，我认为这种方法会奏效，即使我不能提供准确的代码

还有一件事

如果“位置：相对”与我告诉你的不符，请尝试“位置：绝对”

---

我希望这有帮助

你的密码在哪里？请加上你的密码。很抱歉。我加了我的代码你的代码在哪里？请加上你的代码。很抱歉。我添加了我的代码嗨，我希望文本保持在曲线的橙色部分：这只适用于非常小的屏幕大小，但更大的屏幕，它在曲线的橙色部分之外。你有可以在互联网上访问的图像吗？我希望文本保持在曲线的半透明橙色部分Hi，我希望文本保持在曲线的橙色部分内：这只适用于非常小的屏幕尺寸，但更大的屏幕，它位于曲线的橙色部分外。你有可以在互联网上访问的图像吗？我想让文本停留在曲线的半透明橙色部分Hi，我想让文本停留在图片的圆圈部分：但问题是在较小的屏幕上，数字超出圆圈区域Hi，我想让文本停留在图片的圆圈部分：但问题是在较小的屏幕上，数字超出了那个圆圈区域