Question

我在另一个div里面有一个div。外部div具有起始宽度＆amp;高度0px＆amp;宽度和宽度逐渐增加高度，它产生缓慢显示内部div（从中心向外）的效果。

我使用Javascripts setInterval＆amp;只需每次迭代都增加外部div的尺寸。

因为外部div是绝对定位我发现我需要在外部div中的内部div最近（horiz＆amp; vert）确保我从精确显示div随着外部div扩展，向外中心。

有没有一种自动方法可以确保内部div在扩展时总是在外部div中居中？使用CSS或任何其他方法？

我发现的最佳方法是将内部div位置更改为固定但是溢出：隐藏（在外部div上）不会被粘贴到???

<html>
<head>
</head>
<body>

    <!-- Using Javascript I will slowly increase the outer divs width & height: making the innerdiv slowly appear. 
         Although, as the outer div resizes, the inner div will be positioned relativly, how can I keep its position at 20,20 of the body ALL the time? -->
    <div style="position: absolute; background-color: blue; left: 10px; top: 10px; width: 300px; height: 300px; overflow: hidden;">
        <div style="position: fixed; background-color: red; left: 20px; top: 20px; width: 500px; height: 300px;">
        </div>
    </div>

</body>
</html>

Answer 1

如果您不需要IE7支持，我建议您使用display：table-cell来实现垂直居中。

http://jsfiddle.net/fte2t/1/

如果你确实需要IE7，只能使用表格，我恐怕......

应用Fixed to Inner Div禁用溢出：隐藏？

1 个答案: