Html 使溢出中的一个元素完全可见：隐藏元素

请查收

。工具提示{
颜色：红色；
}
.包装纸{
溢出：隐藏；
高度：50px；
边框：1px纯黑；
宽度：50px；
位置：相对位置；
}
应该完全可见的大工具提示
大量文本

大量文本

---

我需要。工具提示使其完全可见，但我不能将其置于包装器之外。我们可以将该示例样式化吗？工具提示将显示在包装器上方，其余内容将保持原样？

当然，给工具提示一个绝对位置，然后根据需要移动内容，如本

.tooltip{
    color:red;
    position: absolute;
    top:0;
}
.wrapper {
    overflow:hidden;
    height:50px;
    border:1px solid black;
    width:50px;
    margin-top: 20px;
}​

---

我认为您想要的是让您的内容本身有

overflow:hidden

：

CSS:

HTML:

应该完全可见的大工具提示
大量文本

大量文本

哦，很抱歉，我忘了提到它的主要内容。包装是相对的，我刚刚更新，请检查。很抱歉如果您需要在问题中添加更多信息，请编辑此问题。不需要删除和重新发布。

.tooltip{
    color:red;
    position: absolute;
    top:0;
}
.wrapper {
    overflow:hidden;
    height:50px;
    border:1px solid black;
    width:50px;
    margin-top: 20px;
}​

.tooltip{
    color:red;
}
.wrapper {
    position:relative;
}
.inner {
    overflow:hidden;
    height:50px;
    border:1px solid black;
    width:50px;
}

<div class="wrapper">
    <div class='tooltip'>A big tooltip which should be visible fully</div>
    <div class="inner">
        A lot of text<br>
        A lot of text<br>
    </div>
</div>