jquery - 超大規模な Jquery により、サイトの幅が 100% を超えます

Question

問題のファイル; http://channel5.co.nz/testing/ 読み込みが長いのは許してください。jpeg はまだ完全には最適化されていません。

スーパーサイズのスライダーが要素を DOM に追加する方法に問題があります。firebug は、問題のある要素は、ul スーパーサイズのロード内に img タグをラップするタグであると言っています。

これをなくすためにcssを変更することはできないようです。

どんな洞察も大歓迎です！

Answer 1

#supersizedcss を次のように変更してみてください。

#supersized {
box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
position: absolute; 
left:0; top:0; 
margin:0px; 
overflow:hidden; 
z-index:-999; 
height:650px; 

width: 100%; }

(これはbox-modelCSS3 宣言を使用します)
デフォルトの box-model は、計算された幅のコンテナーにパディングまたはマージンを追加します。たとえば、この例では、次のルールが宣言されています。

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }

これにより、計算された幅が 100% + 40px になります。

#supersized ulまた、このルールで意図せずに をターゲットにしている可能性もあります。padding: 0;次に、#supersizedルールに追加するだけです。

box-model がどのように機能するか、およびそれがデフォルトとして設定されている理由については、 http://www.quirksmode.org/css/box.htmlcontent-boxを確認してください。