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

Question

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

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

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

我不能发布图片，因为我没有足够的声誉，但绿色框应该位于凸起顶部下方 10px 处，正如我在我的 css 中写的“padding-top:10px”

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

帮助!请!

Answer 1

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

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

祝您构建主题顺利。 :)