对于float属性，给定和计算的CSS是不同的

我已经在css中给出了float:left属性。但它并没有得到应用。这导致我的整个布局出现问题。 为什么没有应用浮动？谁能解释一下吗。我怎样才能解决这个问题？多谢各位

函数openNav（）{ document.getElementsByClassName（'sidenav'）[0].style.width='20vw'； document.getElementsByClassName（'sidenav-fix-closebtn'）[0].style.visibility='visible'； document.getElementsByClassName（'sidenav-fix-open-btn'）[0].style.visibility='hidden'； } 函数closeNav（）{ document.getElementsByClassName（'sidenav'）[0]。style.width=0 document.getElementsByClassName（'sidenav-fix-closebtn'）[0].style.visibility='hidden'； document.getElementsByClassName（'sidenav-fix-open-btn'）[0].style.visibility='visible'； }

.sidenav修复程序{
浮动：左！重要；
背景色：#EAEAEA；
身高：100%；
位置：固定；
z指数：1；
排名：0；
溢出x：隐藏；
过渡：0.5s；
最小宽度：50px；
显示：块；
}
.侧导航固定跨距{
字体大小：40px；
光标：指针；
文本对齐：居中；
}
.侧导航固定打开btn{
文本对齐：居中；
}
.sidenav固定文本{
不透明度：1；
变换：translateY（50vh）旋转（-90度）；
空白：nowrap；
}
.侧导航固定关闭框{
字体大小：36px；
文本对齐：居中；
位置：固定；
底部：0；
}
.侧导航固定关闭按钮{
颜色：#818181；
文字装饰：无；
可见性：隐藏；
}
.侧导航{
身高：100%；
z指数：1；
排名：0；
宽度：0；
背景色：#EAEAEA；
溢出x：隐藏；
过渡：0.5s；
填充顶部：30vh；
浮动：左；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#818181；
显示：块；
过渡：0.3s；
}
.侧导航a:悬停{
颜色：#000000；
过渡：0.5s；
}

☰ 
ABCD

您有

位置：fixed

和

顶部：0

-这将覆盖

float

属性

如计算部分所示，它正确地得到float:left。在此之前不存在其他CSS。可能存在重复的