超大型Jquery导致站点超过100%

时间:2012-02-01 08:40:38

标签: jquery supersized

有问题的文件; http://channel5.co.nz/testing/ 原谅长期负荷,jpegs还没有完全优化。

我对超大滑块向DOM添加元素的方式存在问题,firebug告诉我它有问题的元素是包含ul超大负载内img标记的标记。

我似乎无法改变css以使其消失。

非常感谢任何见解!

1 个答案:

答案 0 :(得分: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声明)
默认的box-model将任何填充或边距添加到容器计算的宽度;例如在此示例中,您声明了以下规则:

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