CSSのオーバーフロールールにオブジェクトの境界線が含まれていますか？

Question

境界線が割り当てられた「div」要素があります。オーバーフロールールが 'hidden'に設定されている場合、「div」の境界にあるコンテンツは消えます。

これを解決する方法はありますか？私のシナリオでは、国境にあるコンテンツを消失させないことは非常に重要です。私は国境も含めて私の要素の境界が必要です。

Answer 1

私はあなたの国境を節約するdivの周りにpaddingを追加すると思います。 Check this jsfiddle私はあなたのために作成しました。

Answer 2

これを実現するには3つが必要だと思います（多分誰かが2つの解決策を考え出すことができます）。ここにはan example fiddleがあります。ネストされた3つのdiv要素（ここでは、外側が.CropItクラスを持っている）と：

CSS

.CropIt { 
    overflow: hidden; 
    width: 60px; 
} 

.CropIt > div { 
    border: 20px solid red; 
    width: 20px; 
} 

.CropIt > div > div { 
    margin: -20px; 
} 

外側には、隠された国境を越えて非表示にするには、オーバーフローを設定します。中央は幅と罫線を設定します（外側は合計幅またはと一致する必要があります。ラップを縮小するにはfloatを使用します）。最も内側のセットは、コンテンツを中間の境界線にプッシュするための負のマージンであり、境界線の重なりを中間のdivに作成します。