Javascript 如何向两侧增加图元宽度

代码仅增加右侧的宽度

setTimeout(() => { document.getElementById("mySidenav").style.width = "40%"; }, 2000);

---

这是我的CSS代码

使用

.sidenav {
  margin-left: 40%;
  height: 0px; 
  width: 20%; 
  position: absolute; 
  z-index: 0; 
  bottom: 0; 
  left: 0;
  background-color: #111; 
  overflow-y: hidden; 
  padding-left: 60px; 
  transition: 0.7s; 

}

---

然后执行Width

Width属性会增加“两侧”的总宽度。没有单独的右或左宽度

我不知道为什么在css中将高度设置为0。请试穿一下。 当放置在绝对位置时，您应该将左侧和右侧设置为0，使其位于中间位置。只有这样，您才会感觉两侧的宽度都变大

.sidenav {
margin: auto;
}

---

但我需要从两方面展开你有时间检查我的答案吗？

.sidenav {
  margin:auto;  
  width: 20%; 
  position: absolute; 
  z-index: 0; 
  bottom: 0; 
  left: 0;
  right: 0;
  background-color: #111; 
  overflow-y: hidden; 
  padding-left: 60px; 
  transition: 0.7s; 
}