从overflow：hidden元素完全可见一个元素 [英] Make fully visible one element from overflow:hidden element

问题描述

请检查 http://jsfiddle.net/mtN6R/9/

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


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

我需要.tooltip使完全可见，但我不能把它包装。我们可以样式化的例子，所以.tooltip将显示上面的包装器，其余的内容将保持不变？

I need .tooltip make fully visible but I can't take it outside wrapper. Can we stylize that example so .tooltip will be shown above wrapper and the rest content will stay as is?

推荐答案

你想要的只是你的内容本身有 overflow：hidden ：

I think what you want is to have just your content itself have overflow: hidden on it:

CSS：

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

HTML：

<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>

这篇关于从overflow：hidden元素完全可见一个元素的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！