Chrome 忽略在 Firebug 中显示的 CSS 规则

Question

当在 PC 上使用 Chrome 并刷新我们的页面时，有时两段文本区域会显示“Small Business Finance Team doesn't stop advocating for its clients...”会忽略其父 div 的 580px 宽度规则并显示在后面右边的表格。

我不确定这是因为移动响应式设计还是 div 放置，但由于 Firebug 显示 580px 文本是在 580px 宽度之内还是之外，这很奇怪。宽度值永远不会被划掉以表明该规则未被使用。

添加不同的 !important 规则、填充、边距和注释掉移动区域似乎无法解决问题。

网址：http://smallbusinessfinanceteam.com/gold
示例图片：http://i.imgur.com/VDNHmG5.png

Answer 1

尝试删除 width: 580px 属性，只保留 .left 类的 max-width: 580px 属性。

.left {
    max-width: 580px;
    float: left;
    padding-right: 30px;
    overflow: auto;
}