左右边距在 Firefox 中无法正常工作答案

【问题标题】：margin left and right not working correct in Firefox左右边距在 Firefox 中无法正常工作
【发布时间】：2021-11-23 19:44:47
【问题描述】：

我正在使用不同的浏览器测试使用 CSS 和 html 设计的页面。当我测试 chrome 页面正常工作，但在 Firefox 中不能正常工作时。我没有使用奇怪的样式，只是使用了 margin ， padding 和边框半径。我不知道为什么不工作。谢谢指导。

background-color: #7B618F;
padding-top: 30px;
padding-bottom: 5px;
padding-left: 5px;
padding-right: 5px;
border-radius: 0 0 10px 10px;
margin-right: 2px;
margin-left: 2px;
font-size: 12px;
color: #fff;

in Firefox

in Chrome

【问题讨论】：

欢迎来到 StackOverflow！请阅读How do I ask a good question?和How to create a Minimal, Reproducible Example
可以添加一些 HTML 吗？
jsfiddle.net/9d2nqpom
请提供足够的代码，以便其他人更好地理解或重现问题。

标签： html css firefox

【解决方案1】：

它有时会发生，我认为这是一个错误。我使用的是 chrome 并且遇到了这种类型的问题，所以我切换到了 edge 和 firefox，但后来它也无法正常工作。但重启电脑后一切正常。

【讨论】：

我做到了，但没有改变。我也用同事系统测试过。
jsfiddle.net/9d2nqpom

【解决方案2】：

我找到了解决这个问题的方法。当我在 Firefox 中正常工作的分割标签中使用 dir 时，CSS 样式中使用的从右到左方向存在问题。 resolved

<div class="h-left" dir="rtl">

【讨论】：