为了账号安全,请及时绑定邮箱和手机立即绑定

如何增加元素两侧的宽度

如何增加元素两侧的宽度

HUWWW 2023-08-24 21:01:09
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代码
查看完整描述

3 回答

?
牧羊人nacy

TA贡献1862条经验 获得超7个赞

我不确定为什么你在 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; 

}


查看完整回答
反对 回复 2023-08-24
?
慕田峪4524236

TA贡献1875条经验 获得超5个赞

使用 SideNav 居中


.sidenav {

margin: auto;

}

然后做宽度


查看完整回答
反对 回复 2023-08-24
?
慕标5832272

TA贡献1966条经验 获得超4个赞

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



查看完整回答
反对 回复 2023-08-24
  • 3 回答
  • 0 关注
  • 102 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信