子div忽略父宽度而不使用white-space nowrap

Question

对于一个非常具体的用例，我有：

• 固定宽度
的父div
• 未知宽度且最大宽度
的子div

以下是一个示例：http://jsfiddle.net/t9xUV/

CSS：

.parent{
  width: 400px;
  height: 400px;
  background-color: grey;
}

.child{
  background-color: red;
  height: 200px;
  max-width: 500px;
}

HTML：

<div class="parent">
    <div class="child">dddd ddddddd dddddddd ddddddddddddd ddddd dddddddddd ddddddd dddddddd dddddddddddd
    </div>
</div>

我希望孩子采用自己的宽度，忽略父宽度。

我试过了：

对于孩子，
• position:absolute但是关于父宽度包装的话
对于孩子，
• white-space: nowrap，但是
后面会忽略max-width属性

有什么想法吗？

Answer 1

这是一个有效的解决方案：http://jsfiddle.net/t9xUV/1/

只需将此css属性设置为子元素：

  margin-right:-999999px;

来源：Forcing Block Elements to Not Wrap in IE (no fixed width parent)