ie/firefox 和 Chrome 的某些宽度的 CSS 问题答案

【问题标题】：CSS Issue with ie/firefox and certain widths of Chromeie/firefox 和 Chrome 的某些宽度的 CSS 问题
【发布时间】：2014-01-21 00:13:56
【问题描述】：

我正在构建一个 wordpress 网站，我希望内容区域在滑块图像上方“突出”。我自己创建了凹凸，但我对其中的内容有疑问。内容不适合 Firefox 和 IE 上的凹凸。在 Google Chrome 上，某些浏览器宽度正确地适合内容，而其他浏览器尺寸则不适合

这是该网站的链接：http://192.185.167.175/~laurente/belle/

我尝试过使用不同的边距/填充，但似乎无法正常工作。

我无法发布图片，因为我没有足够的声誉，但绿色框应该位于凸点顶部下方 10px 处，正如我在我的 CSS“padding-top:10px”中所写的那样

如果你在chrome中拖动浏览器大小，你就能明白我的意思了

帮助！请！

【问题讨论】：

【解决方案1】：

您可以删除 margin-top: -60px; 并将其替换为 top: -60px;

这应该可以解决您的问题。

祝您构建主题好运。 :)

【讨论】：

【解决方案2】：

动态，

如果我理解了，您只需从.main-outer-wrapper 中删除margin-top: -60px

希望对你有帮助。

【讨论】：