在ie6中溢出父div之外的内容

Question

以下代码：

<div style="width: 50px; border: 1px solid green;">
    <div style="position: absolute;">
        whatever text you want
    </div>
</div>

这样渲染：

在任何现代浏览器中（ie7 +，chrome，firefox），并且像这样：

在IE6中

。

我想要的是它在IE6中渲染就像它在其他浏览器中渲染一样。 有什么想法吗？

Answer 1

这是IE6的已知问题。 （众多之一）

此网站讨论了问题及其解决方法：http://www.positioniseverything.net/explorer/expandingboxbug.html

Answer 2

为什么不把文字放在div之外？

<div style="width: 50px; border: 1px solid green;">
</div>
whatever text you want

或者

<div style="width: 50px; border: 1px solid green;">
    <div style="position:absolute; width:XXpx">whatever text you want</div>
</div>

这会对你有用吗？