以绝对位置显示内容

Question

不可能显示所有内容类= showABS？但是不要修剪内容，不要更改父母班的位置，并且隐藏溢出

    #parent {
        position:relative;
        background:red;
        width:100px;
        height:100px
        
    }
    #child {
        width:100px;
        height: 100px;
        position:absolute;
        background:#f0f;
        bottom: -61px;
        right: -60px;
        overflow-y: hidden!important;
        overflow-x: hidden!important;
    }
    #Show {
      position: inherit;
    }
    .showABS{
      position: absolute;
      width:1000px;
      background:#ccc;
      left: 10px
    }

<div id="parent">        
      <div id="child">content
      <div id="Show">
            <div class="showABS">
            SHOOOOOOOOOOOWWWWWWWWWWWWWWWWWWWWWWWWWW</div>
        </div>
      </div>
    </div>

http://jsfiddle.net/k4wm012t/