Question

在绝对div中使用负位置（例如顶部：-20px）时我遇到问题，并在父div中添加溢出auto。该文字转到隐藏在所有浏览器中。我想让它可见。在我的应用程序结构中，无法删除 overflow:auto; 。你有什么想法，如何让它可见？只需复制此代码即可获得更好的想法。

<!DOCTYPE html>
<head>
<title>Untitled Document</title>
<style>
body{
    margin:50px;
}
.Relative{
    width:200px;
    height:200px;
    position:relative;
    overflow:auto;
    background-color:#CCCCCC;
    z-index:1;
}
.Abs{
    position:absolute;
    top:-20px;
    right:0;
    width:100px;
    height:100px;
    border:solid 1px;
    background-color:#99CCCC;
    z-index:99999999 !important;
}
.RemoveOverFlow{
    overflow:inherit;
}
</style>
</head>

<body>

<div class="Relative RemoveOverFlow">
    <div class="Abs">This is a test text in absolute div</div>
Remove <br />
overflow <br />
from the <br />
relative div
</div>

<br />
<br />

<div class="Relative">
    <div class="Abs">This is a test text in absolute div</div>
Add <br />
overflow:auto <br />
into  <br />
relative div    
</div>
</body>
</html>

Answer 1

尝试在overflow: auto类

中将overflow:visible更改为.Relative

示例小提琴：http://jsfiddle.net/Wpcnx/

Answer 2

如果div .Abs之外可以div .Relative，那么这样可行：

http://jsfiddle.net/9CqUC/1/

溢出自动make元素隐藏的负位置

2 个答案: