jquery - 超大的 Jquery 导致网站的宽度超过 100%

Question

有问题的文件；http://channel5.co.nz/testing/ 请原谅长时间的加载，jpeg 还没有完全优化。

我对超大滑块向 DOM 添加元素的方式有疑问，萤火虫告诉我它有问题的元素是将 img 标签包装在 ul 超大负载中的 a 标签。

我似乎无法以某种方式改变 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 如何工作以及为什么将其设置content-box为默认值的说明，请查看http://www.quirksmode.org/css/box.html