css - 如何在带滚动条的小div中居中大尺寸div

Question

我正在尝试将一个大的 div 放在一个小的 div 中。小 div 有属性溢出:自动。里面的大div也可以通过缩放来改变它的大小。

问题: 当里面的div小于外面的div时，可以居中。但如果尺寸更大，则失败。

我需要更改容器的宽度和高度。它可能比编辑更大或更小。

在下图中展示了我正在努力实现的目标。黑色方 block 是外面的div。红色方 block 是 div 应该始终居中(它可以大于黑框或小于黑框)。大小由代码更改。为了查看红框的所有内容，黑框应该有滚动条。问题是当红色框大于黑色时，我无法将红色框设置在中心。它总是增加到底部和右侧。

链接喜欢:

http://jsfiddle.net/0rLjnew3/1/

谁有解决办法？

<div id="edit">
<div id="containment"></div>
</div>

.containment 
{
    width:1500px; height:1500px;
    position : absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

谢谢

Answer 1

您不想使用 overflow: auto，因为 if 很可能会滚动。

改用overflow: visible