如何增加元素两侧的宽度

Question

setTimeout(() => { document.getElementById("mySidenav").style.width = "40%"; }, 2000);该代码仅增加右侧的宽度。.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; }这是我的CSS代码

Answer 1

我不确定为什么你在 css 中将高度设置为 0。请尝试一下这个。绝对位置放置时左右置0，使其处于中心位置。只有这样你才会感觉两侧宽度变大。

.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; 

}

Answer 2

使用 SideNav 居中

.sidenav {

margin: auto;

}

然后做宽度

Answer 3

宽度属性确实增加了“两侧”的总宽度。没有单独的左右宽度