Css 有没有办法使文本粘贴到div“border”上？

我一直在试图找到一种方法，使其与容器顶部的普通粘贴效果类似，但我试图使其始终粘贴在容器的边界上，而不是顶部，但我不断使文本在分辨率改变时不断移动： 在这种情况下，它会停留在正确的位置，但当or到达时，文本开始在容器周围跳舞。 为了澄清，我在容器中使用样式化组件，在文本中使用内联css，我已经尝试使用screen.size响应css在屏幕大小改变时更改marginTop，但它看起来根本不有效或对浏览器友好，阅读起来也很混乱，所以我希望有更好的方法来做到这一点，我很抱歉，如果这个问题看起来很愚蠢和/或已经得到了回答，我已经搜索了很多，但没有找到任何符合上下文和有效的

.字段集{ 宽度：97%； 保证金：自动； 背景：00000000； 填充：1%； 边界半径：5px； 边框：3倍纯色灰色； 最小高度：50px； } .头衔{ 边缘顶部：-1rem； 字体系列：Helvetica； 颜色：灰色； 背景：白色； 宽度：10em； } 标题 a

---

您的填充正在更改，因此无法控制它。如果你真的想有动态填充，你必须将它们设置为与1vw相同的值，并将它们的计算位置设置为.title，如calc-12px-1vw

.字段集{ 宽度：97%； 保证金：自动； 背景：00000000； 填充物：1vw； 边界半径：5px； 边框：3倍纯色灰色； 最小高度：50px； } .头衔{ 保证金：0； 位置：相对位置； 顶部：calc-12px-1vw； 字体系列：Helvetica； 宽度：10em； } 标题 a

绝对定位

注意：父元素上的“padding*”需要调整

.字段集{ 利润率：2米1%； 背景：00000000； 边界半径：5px； 边框：3倍纯色灰色； 最小高度：50px； 位置：相对位置； } .头衔{ 保证金：0； 字体系列：Helvetica； 颜色：灰色； 背景：白色； 宽度：10em； 位置：绝对' 排名：0； 边框：1px纯红； 转化：translateY-50%； } 标题 a

---

顶部边距：-2vw是窗口宽度的2%，我想你最好使用em或rem。但是没有代码没有巧克力：。复制问题的html和css在哪里？你需要在这里发布你的标记，在你的问题中，而不是在第三方网站上：填充百分比与元素的宽度相关是的，即使是填充顶部-所以如果你指定百分比，但其他内容与字体大小相关，在很多情况下，这可能仍然会导致麻烦。