div溢出隐藏但是父宽度

Question

关于以下内容：

<div style='text-align: center'>
<div style='position: absolute; left: 50%; text-align: left'>
    <div style='position: relative; left: -50%; background-color: #cc0;'>
        ThisShouldBeDisplayedAsNormal
        <div style='overflow: hidden'>
            ButThisIWantToBeClippetAboutHereButItIsNot
        </div>
    </div>
</div>
</div>

http://jsfiddle.net/em4v0v8h/1/

我希望将内部div内容剪切到父级。如果我在内部div中明确设置宽度，如宽度：275px，则根据需要剪切内部div内容。但有没有办法使用父宽度？