Question

我有一个容器div元素，上面有overflow:hidden。不幸的是，由于网站的制作方式，因此需要使用此属性。

在这个div中，它是所有网站内容，包括一些工具提示。当您将鼠标悬停在某个链接上时，这些工具提示会与jQuery一起显示。

问题是，由于上面的溢出事件，其中一些工具提示会显示部分隐藏，因为它们位于容器div之外...

有没有办法能够在这个容器内显示一个特定的元素，即使它超出了它的界限？也许是一个javascript解决方案？

html看起来像这样：

<div style="overflow:hidden; position:relative;">

  the main content

  <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>

</div>

Answer 1

试试这个：

<div style="position:relative;">    
  <div style="overflow:hidden; position: relative; width: {any}; height: {any};">the main content<div>    
  <div style="position:absolute;left:-100px;top:-50px;"> the tooltip thing </div>    
</div>

只需将主要内容放在主div内的另一个div中，并提供css以隐藏内容，如果溢出...

Answer 2

如果overflow：hidden是包含浮点数，那么还有其他方法可以禁止工具提示被截断。看看foe clearfix：之后

CSS / JavaScript - 具有overflow：hidden的元素之外的内容

2 个答案: