php - 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;
}