Css 居中 - 它随机跳到位

Question

我正在为我的网店创建一个新网站 - 我遇到了这个 css 问题......

系统是在prestashop平台上制作的，但是这是基本的CSS，所以没关系。

在 CMS 页面上，我在将页面居中时遇到问题，我尝试使用 -tag、margin: 0 auto、margin-Left/right auto、100% 宽度等。

问题不在于文本未居中，而是浏览器在您使用检查器更改某些内容或更改浏览器宽度之前不会意识到这一点。因此，如果您更新网站，内容会自动更新。

(如果您没有发现问题，请尝试再次按相同的菜单项 - 有时有效有时无效。问题最多的站点是:/betingelser-3、/udtalelser-6 和/om- os-4.)

问题仅在 Safari 和 Chrome (webkit) 中，在 IE、firefox、Opera 上一切正常。

http://forsejt.dk/mackabler.dk/content/betingelser-3

我认为 div 和 css 样式太多所以浏览器超时？如果可以的话:) 我试过 Macbook pro 15"、Macbook air 13"和 Mac pro。

有什么 Css 技巧吗？

Answer 1

所以我不太清楚为什么会这样，但看起来 overflow:hidden in .row 是罪魁祸首。尝试删除它或覆盖它，它似乎有效。我的猜测是，由于某种原因，它会妨碍 webkit 正确计算宽度？

这里还有一些关于类似问题的其他建议:CSS centering not working with margin auto and overflow hidden

但在我看来，那里接受的解决方案对您不起作用，因为看起来您的所有 float 都已正确清除。