Question

我有一个隐藏溢出的容器，里面的元素是一个用绝对位置的li做的选择，但它对于父容器来说太长了，所以我希望这个元素走出容器，但隐藏溢出（父容器有许多其他元素，它有水平滚动）不允许这个元素出去。

以下是此截图：

enter image description here

Answer 1

将宽度（不是＆＃34;自动＆＃34;）设置为子容器

<div id="pCont" style="overflow:auto; height: 200px; width: 200px;">
   <div id="cCont" style="overflow:hidden; width: 200px;">
      <ul>
          <li>
          </li>
      </ul>
   </div>
</div>

Answer 2

您看到的是隐藏溢出的元素的绝对定位子元素的预期行为。解决这个问题的唯一方法是让你的假选择框下拉为<body>元素的子元素，并通过伪选择框来定位它，这会打破一些HTML语义。

更大的问题是，为什么你需要隐藏溢出开始？如果删除父项上的overflow: hidden会破坏某些内容，那就成了要解决的问题。否则，您当前问题的答案是：

溢出和绝对定位表现为设计

在溢出隐藏的父级之外显示div

2 个答案: