css - 溢出后工作前后不同 : auto

Question

我有一个工具提示 div，它修改了顶部的边框，使其看起来像箭头，这是由一些前后属性完成的。但是当我在那个 div 上使用 overflow: auto 时，那个“箭头”就消失了。

没有 overflow:auto; 时它应该是什么样子: http://jsfiddle.net/nmvh4L6g/1/

overflow: auto; 的外观: http://jsfiddle.net/nmvh4L6g/2/

抱歉我的英语不好，感谢您的帮助!

Answer 1

在我的头脑中，你可以使用一个内部 div，比如:

<div id="tooltipNotifikace">
    <div>Lorem impsum dolor sit amet</div>
</div>

而在 CSS 中，您在内部 div 中使用溢出:

#tooltipNotifikace > div {
    max-height: 500px;
    overflow-y: auto;
}

JSFiddle:http://jsfiddle.net/nmvh4L6g/7/