我如何找出造成这张宽桌的原因？

Question

最近，我遇到了越来越多设计糟糕的网站，做了这样的事情Hudson Website我的90度旋转显示器上的页面大约1600像素宽，这意味着你必须向左滚动＆lt; - ＆gt;对了很多。安装了firebug后，我想我会立即修复它进行阅读，但事实证明这比想象的更难。

我似乎找不到导致它如此宽阔的原因。有一个<table width='100%'>，但应该是容器的100％，我找不到一个容易说“不可行”的容器。所以，我问你在firebug中使用了什么技巧来找出导致元素具有它的大小的原因，特别是宽度。

编辑：

好吧，我还在挑选它，事实证明

.wiki-content p {
    margin: 10px 0;
    padding: 0;
    width: 850px;  // I had to add this to make it readable, width was NOT defined
}

会让它变得可读，所以关于<p>标签的某些内容会导致它，但我没有在css中看到任何应该使它变宽的内容。我错过了什么？

Answer 1

由于<pre>元素，页面很宽 至少在Firefox上，您可以通过添加CSS规则来修复它：

pre {white-space:normal;}

Answer 2

您可以通过验证程序运行该页面作为第一步。例如。 http://validator.w3.org/

Answer 3

顺便说一下，我通过master CSS运行了链接网站的the Flumpcakes optimizer，并得到了这个结果：

Before 64064 
After 53832 
Saving 10232 
Percentage: 16%