html - margin-bottom 适用于 Chrome，但不适用于 Firefox

Question

div隐藏在右侧。单击按钮时，div向左滑入并变为可见。margin-bottom（这是为了留下一个空白：我不希望底部div接触手机的边缘）在 Chrome 中有效，但在 Firefox 中无效。为什么？

.menu-hidden
{
    margin-bottom: 20px;
    right: -255px;
    position: absolute;
    top: 0;
    transition: 0.3s ease-in;
    width: 205px;
    z-index: 1;
}

.menu-visible
{
    position: absolute;
    right: 0;
    transition: 0.3s ease-out;
}

标签： htmlcss