如何增加元素两侧的宽度

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

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