css - 它如何使 SideNav 在所有浏览器上保持一致？

Question

我尝试通过 CSS 更改将SideNav定位到浏览器的右侧，它可以在 Chrome 和 FireFox 上本地运行。但是，当我托管它时，SideNav 不会位于右侧，而是滑到底部或消失。这也发生在 Mac（Safari、Chrome 和 FireFox）和其他 Windows 机器上。

我在这里想念什么？

我的 CSS 将其设置在右侧：

.sidenav_Right {
  position: fixed;
  top: 0;
  bottom: 0;   
  left: 1302px;  
  z-index: 1006;
  float: right;
  min-width: 64px;
  background: #4a4a4a;
  -webkit-transition: min-width 0.2s;
  -moz-transition: min-width 0.2s;
  -o-transition: min-width 0.2s;
  -ms-transition: min-width 0.2s;
  transition: min-width 0.2s;
}

这是 reactJS 设置的

import SideNav, { NavItem, NavIcon, NavText } from '@trendmicro/react-sidenav';   import '@trendmicro/react-sidenav/dist/react-sidenav.css';  

<SideNav className="sidenav_Right fw-shadow bg-white py-0"> 
 <SideNav.Nav> 
  <NavItem eventKey="key1"> 
   <NavIcon> 
    <i className="fa fa-dot-circle-o"/>
   </NavIcon>
   <NavText>Key 1</NavText> 
  </NavItem> 
 </SideNav.Nav> 
</SideNav>