ボックスシャドウ - 右と下ではなく、ボーダーの底を取得するだけです - なぜですか？

Question

の下のとの右のの辺に、特定のdivに影をつけたいと考えています。

#navigation-and-slideshow { 
    overflow: hidden; 
    background-color: #fff; 
    padding: 10px 1%; 
    box-shadow: 2px 2px 5px #222; 
} 

私はすべてのテストされたブラウザで一番下がっています。 誰も私がこれを解決するのを助けることができますか？

ありがとうございました

Answer 1

あなたのdivの幅は、ブラウザウィンドウの幅全体に広がっています。 FirefoxとChromeでは、影は全体のウィンドウ領域外と見なされるため、見ることはできません。 Operaでは、影を収めるためにウィンドウ領域が増加します。ブラウザウィンドウにスクロールバーが表示されます。右にスクロールすると、右の枠の影が表示されます。