CSS/JavaScript-溢出元素外部的内容：隐藏

我有一个container div元素，上面有

溢出：hidden

。不幸的是，由于网站的制作方式，该属性是必需的

在这个div里面是所有的站点内容，包括一些工具提示。当您将鼠标悬停在链接或其他对象上时，jQuery将显示这些工具提示

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

是否有任何方法可以从容器内部显示特定元素，即使它超出其边界？也许是javascript解决方案

html如下所示：

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

  the main content

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

</div>

主要内容
工具提示

如果overflow:hidden包含浮动，那么还有其他方法可以让工具提示不被切断。查看clearfix:after

尝试以下操作：

<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以隐藏溢出的内容…

此外，

边距：0px；在包含的div上填充：0px

将确保没有可见的变化，只需添加“overflow:none”和“position:relative”就可以了