オーバーフロー隠しはFirefoxでは機能しませんが、IEとクロームでは機能します

Question

私はwebshopを作っています。すべてのページの製品数が異なるため、サイドバーには複数の長さがあります。私は今の問題を解決するために、これを使用し

：IEとChromeでは

padding-bottom:  5000px; 
margin-bottom:  -5000px; 
overflow:   hidden; 

を、このソリューションは動作します。しかし先日私はFirefoxで試しました....そして、そこではうまくいきません。

私はoverflow-xを試しました：hiddenとoverflow-y：hiddenは動作しません。ここで

は私のサイドバーのための私のCSSです：

.sidebar { 
z-index:   9; 
position:   absolute; 
top:    25%; 
bottom:    0; 
left:    0; 
width:    15%; 
background:   #C6A970; 
height:    100%; 
padding-bottom:  5000px; 
margin-bottom:  -5000px; 
overflow:   hidden; 
} 

誰も私のためのソリューションを持っていますか？あらかじめThanx！

Answer 1

すべてのシナリオでオーバーフロー隠しが機能していません。固定幅が必要な場合やベンダー固有のプレフィックスが必要な場合があります。 -moz-overflow:hidden。

特に、FirefoxとAndroidブラウザにはこのソリューションに問題があります。固定サイズのフレームを構築するには、clipまたはrectなどの他の方法を試すことを強くおすすめします。

http://www.w3schools.com/cssref/pr_pos_clip.asp

img { 
    position: absolute; 
    clip: rect(0px,60px,200px,0px); 
}