Firefox 17.0.4 中奇怪的 div 行为答案

【问题标题】：Weird div behaviour in Firefox 17.0.4Firefox 17.0.4 中奇怪的 div 行为
【发布时间】：2014-08-21 21:35:32
【问题描述】：

我正在使用 div 来创建一个圆圈，作为标题末尾的句点。

直到几周前，这个 period/div 在 Safari、IE、Chrome 和 FF 上都运行良好。

我不记得我所做的任何更改，除了增加标题的字体大小，这使得句号松散到正确的位置。更正此问题后，它现在突然比 FF 17.0.4 中的正确位置低约 10-20 像素，但在 IE、Safari 和 Chrome 中处于正确位置。

期间看起来像这样； (CSS)

width: 15px;
height: 15px;
background-color: rgb(252, 193, 54);
border-radius: 25px 25px 25px 25px;
margin-left: 651px;
margin-top: -125px;

margin-left/top 是为了正确定位它...所以我不能只为 FF 更改它...或者！？

任何想法为什么它突然只在FF中移动？

你需要我的主页来获得全貌吗？

【问题讨论】：

保持简单。您不会也不应该为此使用额外的div。如果您所说的标题是h1，则使用伪元素：h1:after { content:"."; font-size: 25px; }
为什么要担心这么旧的浏览器？它在March 2013 发布，Firefox 的自动更新程序将把它从地球上抹去
我不知道我可以使用； h1：之后！！！可爱的解决方案！非常感谢何塞！ :-)

【解决方案1】：

也许不是最好的方法，但它对我解决浏览器兼容性问题有很大帮助。如果你仍然面临这个问题，你可以只为 Firefox 定位你的 CSS 类：

示例（在 css 文件中）：

@-moz-document url-prefix() {
    .my_class{
       //attributes that will affect only Firefox
    }
}

【讨论】：