CSS-Mozilla绝对位置全角问题

红色尝试给予 width:inherit 对于 #main .

#main {
  width: inherit;
  height: 100%;
  position: absolute;
  top: 0;
  opacity: 0.5;
  bottom: 0;
  z-index: 100;
  background: pink;
}
//below is the hack for chrome.
@media screen and (-webkit-min-device-pixel-ratio:0)
{
    .d-td div#main 
    {
        width: 100%;
    }
}

发生这种情况是因为Mozilla不支持 position: relative 对于任何 display: table-cell 元素。去除 位置:相对 从表单元格元素创建 <div> 具有 位置:相对 在里面。所有 position: absolute 这个div中的元素将被正确定位。