Question

我目前正试图打破其中包含溢出的父级元素：隐藏。

我限制它的父母的尺寸的原因纯粹是为了一个JavaScript黑客。我试过定位孩子然而这仍然打破了页面结构和固定的位置将是无效的。

这是我迄今为止最接近实现这一目标的方法：

<div style="position: relative;">
    <div>
        <!-- Needs to be overflow hidden and 0 width -->
        <ul style="overflow: hidden; width: 0px; height: 0px;">
               <li>
                   <!-- Needs to be visible -->
                   <div style="position: absolute; top: 0px; left: 0px;">
                       Tab Content
                   </div>
               </li>
        </ul>
    </div>
</div>

http://jsfiddle.net/0uwv3nyj/

有没有人知道任何类型的css hack或exercise来解决这个问题，同时保留元素的标准块显示？

谢谢，西蒙

Answer 1

我不确定我是否完全理解您的问题，但请尝试将ul可见性设置为隐藏，div可见性设置为可见：

ul --> style="visibility:hidden; height:0;" div --> style="visibility: visible;"

将div除掉溢出：隐藏页面结构时隐藏

1 个答案: