超大型Jquery導致網站寬度超過100％

Question

有問題的文件； http://channel5.co.nz/testing/不好意思，jpeg尚未完全優化。

我對超大滑塊向DOM中添加元素的方式有疑問，firebug告訴我它有問題的元素是將img標簽包裹在ul超大負載內部的標簽。

我似乎無法以某種方式改變CSS以使其消失。

任何見解將不勝感激！

Answer 1

嘗試將#supersized CSS更改為此：

#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-model CSS3聲明）
默認的盒模型將任何填充或邊距添加到容器計算出的寬度； 例如，在此示例中，您聲明了以下規則：

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

這使得計算的寬度為100％+ 40px。

您可能還無意中使用了此規則來定位#supersized ul 。 然后，您只需要添加padding: 0; #supersized規則

有關框模型如何工作以及為什么將其默認設置為content-box的說明，請訪問http://www.quirksmode.org/css/box.html。