html - break div 溢出 : hidden while retaining page structure

Question

我目前正在尝试将一个子元素从其包含溢出的父元素中分离出来:隐藏。

我限制其父级尺寸的原因纯粹是为了 JavaScript hack。我已经尝试定位 child ，但这仍然会破坏页面结构，固定位置将无效。

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

<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/

有谁知道在保留元素的标准 block 显示的同时解决此问题的任何类型的 css hack 或练习？

谢谢， 西蒙

Answer 1

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

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