超大型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。