我正在为 http://digitaleditor.com/ 做一些工作我遇到了一些令人困惑的事情。
网页底部有一个水平滚动条，但我一直想不通为什么。使用谷歌浏览器的开发者工具，我发现整个页面上只有 3 个元素超过 960 像素宽。前两个是 html 和 body，第二个是 #hpages，但是第二个只有 970 像素宽 (html 和 body 都是 1263 像素宽)。此外，还有一个非常明显的 CSS 规则将 #hpages 拉伸(stretch)到 970 像素:
#hpages ul { width:970px; float:right; }
我找不到这样的规则来拉伸(stretch) html 或 body 元素。我尝试运行以下脚本以查看是否有任何我忽略的元素可能会拉伸(stretch)页面:
javascript:widest=null;$("body *").each(function(){if(widest==null)widest=this;else if($(this).width()>$(widest).width())widest=this;});alert(widest.id);
这返回了 #hpages，这意味着正文中没有任何元素的宽度超过 970 像素(即使正文被拉伸(stretch)到 1263 像素)。
没有影响 body 元素宽度或 html 元素宽度的 CSS 规则。
老实说，我不知道是什么在拉伸(stretch)页面，而且我不知道如何弄清楚。在这一点上，我最后的手段是系统地从页面中删除元素，直到它被解决。我想知道是否有人知道更好的选择。
最佳答案
是.wrapper>#page>#content>#sidebar.rightSidebar.left>center>div>#fb-root>div>div>iframe#f1c73bf2defcb8中iframe的宽度
它的内联样式为 width: 575px;这是溢出。固定宽度或添加 overflow: hidden;到这个 div <div style="position: absolute; top: -10000px; height: 0px; width: 0px;">
关于html - 找到拉伸(stretch)网页的元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7960808/