クリップdivもスクロールクリップ

Question

私は2つのdivs whitch div子供がdivの親の中にいる。 div子供は親よりも大きい。だから私はdivの子の内容をより良く見ることができるので、divの親にスクロールを入れることにしました。

問題は、親divのプロパティクリップを使用する必要があることですが、クリップもスクロールに影響します。

親のdivをスクロールしてスクロールサイズを自動でスクロールする方法があるかどうかを尋ねたいと思います。あなたは、私がふりをすることを結果従う

：

.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]：

は私のコードに従います。

あなたは上の画像と、私は上記の入れスニペットの結果は結果でスクロールがカットapearsということですcampareと画像はclipプロパティがあるものであること

Answer 1

されていない場合要素の可視領域を制限します。内部要素の内容をクリップしようとしている場合は、絶対に配置することができます。

希望すると便利です。

.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>