查找拉伸网页的元素？

Question

我正在为http://digitaleditor.com/做一些工作,我遇到了一些令人困惑的事情.

网页底部有一个水平滚动条,但我一直无法弄清楚原因.使用谷歌Chrome的开发人员工具,我发现整个页面上只有3个项目超过960像素宽.前两个是html和body,第二个是#hpages,然而第二个只有970像素宽(html并且body每个宽1263像素).此外,有一个非常明显的CSS规则扩展#hpages到970像素:

#hpages ul {   width:970px; float:right; }

我找不到拉伸这些html或body元素的规则.我尝试运行以下脚本来查看是否有任何我只是忽略的元素可能会拉伸页面:

javascript:widest=null;$("body *").each(function(){if(widest==null)widest=this;else if($(this).width()>$(widest).width())widest=this;});alert(widest.id);

这返回#hpages,意味着身体中没有超过970像素宽的项目(即使身体被拉伸到1263像素).

没有影响body元素宽度或元素宽度的CSS规则html.

老实说,对于拉伸页面的内容感到遗憾,我不知道如何弄明白.在这一点上,我最后的办法是系统地从页面中删除项目,直到它被解决.我想知道是否有人知道更好的选择.

Answer 1

这是iframe中的宽度 .wrapper>#page>#content>#sidebar.rightSidebar.left>center>div>#fb-root>div>div>iframe#f1c73bf2defcb8

它具有内联样式，width: 575px;其中充满了。固定宽度或添加overflow: hidden;到此div<div style="position: absolute; top: -10000px; height: 0px; width: 0px;">