1

It is imposible show all content class = showABS? But do not trim content and do not change position of parental classes and with overflow hidden

    #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/

Maria
  • 121
  • 9
  • 2
    I am not seeing any question mark here! – Nimitt Shah Nov 05 '18 at 22:01
  • here is a similar question : https://stackoverflow.com/questions/53061013/ignore-overflow-of-parent-element/53061196#53061196 your only way is to find a way to replace positon:absolute of the parent element where there is oveflow:hidden – Temani Afif Nov 05 '18 at 22:03
  • The only thing that can break that link would be to change the position to fixed. Because that breaks the rendering parental link and displays relative to the viewport. But I guess that is not what you're looking for. – Paul G Mihai Nov 05 '18 at 22:45

0 Answers0