Клип div также клип прокрутки

Question

У меня есть два divs whitch, когда дочерний элемент div находится внутри родителя div. Ди-ребенок больше, чем его родитель. Поэтому я решил разместить свиток в родительском div, чтобы лучше видеть содержимое дочернего элемента div.

Проблема в том, что теперь мне нужно использовать зажим свойства в родительском div, но клип также влияет на прокрутку.

Что я хотел бы спросить, есть ли способ, которым я мог бы обрезать родительский div, и размер прокрутки ajdustes automaclty для прокрутки.

Следит мой код:

.outter{ 
 
    width:100px; 
 
    height:100px; 
 
    background-color:blue; 
 
    overflow: scroll; 
 
    position: absolute; 
 
    clip: rect(23.75px 120px 120px 23.75px); 
 
} 
 

 
.inner{ 
 
    width:200px; 
 
    height:200px; 
 
    background-color:red; 
 
    
 
}

<div class="outter"> 
 
    <div class="inner"></div> 
 
</div>

[EDIT]:

FOLLOWS тебе результат, что я претендую.

Если вы campare изображение выше и результат сниппета, что я ставлю выше, что в результате свитки apears вырезать и изображение не

Answer 1

Вот что clip недвижимость предположительно, ограничивает видимую область элемента. Если вы пытаетесь закрепить содержимое внутреннего элемента, вы можете абсолютно поместить его для этого.

Надеюсь, это поможет!

.outter { 
 
    position: relative; 
 
    width:160px; 
 
    height:160px; 
 
    background-color:red; 
 
    overflow: scroll; 
 
} 
 

 
.inner{ 
 
    position: absolute; 
 
    left: -40px; 
 
    top: -40px; 
 
    background:url('http://placekitten.com/g/400/400'); 
 
    background-size: cover; 
 
    background-repeat: no-repeat; 
 
    background-position: center; 
 
    width:400px; 
 
    height:400px; 
 
}

<div class="outter"> 
 
    <div class="inner"> 
 
    </div> 
 
</div>