使用ie7在溢出的父级中浮动子项

Question

所以我得到了一些div ...这里的目的是玩一些隐藏效果。

<div class="container">
    <div class="move">
        Some dynamic content...
    </div>
</div>



.container {
    width:100px;
    height:100%;
    owerflow-y:hidden;
}


.move {
    width:300px;
    height:100%;
    float:right;
}

问题是在ie7中浮动权不起作用。 .move div将向左移动。
有什么方法可以解决这个问题吗？

感谢。

Answer 1

这是因为您的容器宽度小于内容。

如果您选择.container的宽度更大，您会看到效果正常。如果您希望.move在DOM-Tree中而不在屏幕上，请使用position: absolute。

Answer 2

您可以使用text-align:right代替float:right当前宽度（内部DIV超过外部DIV宽度）。