Html -o型过渡：200毫秒的裕度缓解不在windows机器中工作的问题

-o-transition:margin 200ms缓解

不在windows机器中工作

body，
html{
身高：100%；
}
导航侧栏，
梅因先生{
-webkit过渡：200毫秒的余量减少；
-moz过渡：边缘200ms放松；
-o型过渡：边缘200ms放松；
过渡：200ms的裕度缓和；
}
梅因先生{
填充：10px 10px 0 10px；
}
@介质（最小宽度：765px）{
梅因先生{
位置：绝对位置；
宽度：计算（100%-40px）；
左边距：40px；
浮动：对；
}
导航侧栏：悬停+主{
左边距：200px；
}
nav.sidebar.navbar.sidebar>.container.navbar品牌，
.navbar>.container fluid.navbar品牌{
左边距：0px；
}
导航栏。侧栏。导航栏品牌，
导航栏侧栏导航栏标题{
文本对齐：居中；
宽度：100%；
左边距：0px；
}
导航侧栏a{
右侧填充：13px；
}
导航栏导航>李：第一个孩子{
边框顶部：1px#e5实心；
}
导航栏导航>li{
边框底部：1px#e5实心；
}
导航栏侧边栏导航栏打开下拉菜单{
位置：静态；
浮动：无；
宽度：自动；
边际上限：0；
背景色：透明；
边界：0；
-webkit盒阴影：无；
盒影：无；
}
导航栏，侧栏，导航栏塌陷，
导航侧栏。容器流体{
填充：0 0px 0 0px；
}
.navbar反转.navbar导航打开.下拉菜单>li>a{
颜色：#777；
}
导航侧栏{
宽度：200px；
身高：100%；
左边距：-160px；
浮动：左；
边缘底部：0px；
}
导航侧边栏li{
宽度：100%；
}
导航侧栏：悬停{
左边距：0px；
}
.福安美特{
不透明度：0；
}
}
@介质（最小宽度：1330px）{
梅因先生{
宽度：计算（100%-200px）；
左边距：200px；
}
导航侧栏{
左边距：0px；
浮动：左；
}
导航侧栏。用于动画{
不透明度：1；
}
}
导航栏导航栏导航栏导航打开下拉菜单>li>a:悬停，
导航栏导航栏导航栏打开下拉菜单>li>a:焦点{
颜色：#CCC；
背景色：透明；
}
导航：悬停。用于导航{
不透明度：1；
}
部分{
左侧填充：15px；
}

切换导航

我想这就是你想要的-

我刚搬走

  nav.sidebar {
    margin-left: 0px;
    float: left;
  }

从您的

@媒体（最小宽度：1330px）

现在它的wokring很好。请务必全屏检查答案以进行检查。希望这对你有帮助。

body，
html{
身高：100%；
}
导航侧栏，
梅因先生{
-webkit过渡：200毫秒的余量减少；
-moz过渡：边缘200ms放松；
-o型过渡：边缘200ms放松；
过渡：200ms的裕度缓和；
}
梅因先生{
填充：10px 10px 0 10px；
}
@介质（最小宽度：765px）{
梅因先生{
位置：绝对位置；
宽度：计算（100%-40px）；
左边距：40px；
浮动：对；
}
导航侧栏：悬停+主{
左边距：200px；
}
nav.sidebar.navbar.sidebar>.container.navbar品牌，
.navbar>.container fluid.navbar品牌{
左边距：0px；
}
导航栏。侧栏。导航栏品牌，
导航栏侧栏导航栏标题{
文本对齐：居中；
宽度：100%；
左边距：0px；
}
导航侧栏a{
右侧填充：13px；
}
导航栏导航>李：第一个孩子{
边框顶部：1px#e5实心；
}
导航栏导航>li{
边框底部：1px#e5实心；
}
导航栏侧边栏导航栏打开下拉菜单{
位置：静态；
浮动：无；
宽度：自动；
边际上限：0；
背景色：透明；
边界：0；
-webkit盒阴影：无；
盒影：无；
}
导航栏，侧栏，导航栏塌陷，
导航侧栏。容器流体{
填充：0 0px 0 0px；
}
.navbar反转.navbar导航打开.下拉菜单>li>a{
颜色：#777；
}
导航侧栏{
宽度：200px；
身高：100%；
左边距：-160px；
浮动：左；
边缘底部：0px；
}
导航侧边栏li{
宽度：100%；
}
导航侧栏：悬停{
左边距：0px；
}
.福安美特{
不透明度：0；
}
}
@介质（最小宽度：1330px）{
梅因先生{
宽度：计算（100%-200px）；
左边距：200px；
}
导航侧栏。用于动画{
不透明度：1；
}
}
导航栏导航栏导航栏导航打开下拉菜单>li>a:悬停，
导航栏导航栏导航栏打开下拉菜单>li>a:焦点{
颜色：#CCC；
背景色：透明；
}
导航：悬停。用于导航{
不透明度：1；
}
部分{
左侧填充：15px；
}

切换导航

嗨，我还有一个疑问。我无法将多级菜单添加到此菜单。我需要4级菜单。@Raru请创建一个新问题来定义您的问题。这一次，请具体说明您的问题是什么，以及您试图解决它的方法是什么（这是StackOverflow中理想问题的格式）。