Html Can'；t使用溢出隐藏标题：隐藏；和转换：翻译：-100%；

我想用

溢出：hidden

将标题隐藏在容器之外：

HTML:

---

但是，这会使标题的一部分可见。有什么想法吗？

用

translateX

代替

translateY

或者使用200%而不是100%（whis也会将其移到填充物之外等）：

---

它没有完全隐藏的原因是

h1

上下都有一个边距，它不考虑

100%

偏移量

---

您可以尝试设置

margin:0

如果没有更多的上下文，很难确定，但您在这里的方法似乎不是最具语义的，也不是最可靠的（如果div或header的维度发生变化，则可能会导致header再次可见（这仍然是我见过的其他解决方案的风险）

假设您暂时隐藏了H1，则可以考虑使用<代码>可见性：隐藏在DIV上，，或者隐藏元素的H1本身，而将其维度保留在DOM中（因此，依赖于它的任何布局不变）。

<div>
  <h1>Heading</h1>
</div>

div {
  overflow: hidden;
}
h1 {
  transform: translateY(100%);
}