HTML侧边栏默认打开

如何使我的HTML页面侧边栏默认打开？然后，您应该能够关闭并重新打开侧边栏，但它应该是默认打开的。目前我总是要点击它打开

代码如下：

身体{
字体系列：“Calibri”，无衬线；
字体颜色：#032e72；
}
.侧导航{
身高：100%；
宽度：0；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#00A2E8；
溢出x：隐藏；
过渡：0.4s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#002838；
显示：块；
过渡：0.2s
}
.侧导航a:悬停，
.a:焦点{
颜色：#EBF5FB；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.侧导航{
填充顶部：15px；
}
.侧导航a{
字号：18px；
}
}









©；霍米森·瓦努斯2016



☰ 瓦利科
霍米森瓦努斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。



阿利夸姆和帕鲁斯。埃蒂亚姆权杖狮子座ac猫科动物拍卖人，ac前庭厄洛斯饮食。
函数closeNav（）{
document.getElementById（“mySidenav”）.style.width=“0”；
document.getElementById（“main”）.style.marginLeft=“0”；
}
函数openNav（）{
document.getElementById（“mySidenav”）.style.width=“250px”；
document.getElementById（“main”）.style.marginLeft=“250px”；
}

最后调用

openNav（）

函数

function openNav() {
  document.getElementById("mySidenav").style.width = "250px";
  document.getElementById("main").style.marginLeft = "250px";
}

// Call this at the end.
openNav();

并确保使用

。没有

---

小提琴：

在css中，您最初将

宽度和
左边距设置为
0
。最初在css中将它们设置为
250px
，它将默认打开



身体{
字体系列：“Calibri”，无衬线；字体颜色：#032e72；
}
.侧导航{
身高：100%；
宽度：250px；
位置：固定；
z指数：1；
排名：0；
左：0；
背景色：#00A2E8；
溢出x：隐藏；
过渡：0.4s；
填充顶部：60px；
}
.侧导航a{
填充：8px 8px 8px 32px；
文字装饰：无；
字体大小：25px；
颜色：#002838；
显示：块；
过渡：0.2s
}
.sidenav a:悬停，.offcanvas a:聚焦{
颜色：#EBF5FB；
}
.sidenav.closebtn{
位置：绝对位置；
排名：0；
右：25px；
字体大小：36px；
左边距：50像素；
}
#主要{
过渡：左边距。5s；
填充：16px；
左边距：250像素；
}
@媒体屏幕和屏幕（最大高度：450像素）{
.sidenav{填充顶部：15px；}
.sidenav a{字体大小：18px；}
}









©；霍米森·瓦努斯2016



☰ 瓦利科
霍米森瓦努斯酒店
Lorem ipsum dolor sit amet，是一位杰出的献身者。



阿利夸姆和帕鲁斯。埃蒂亚姆权杖狮子座ac猫科动物拍卖人，ac前庭厄洛斯饮食。
函数closeNav（）{
document.getElementById（“mySidenav”）.style.width=“0”；
document.getElementById（“main”）.style.marginLeft=“0”；
}
函数openNav（）{
document.getElementById（“mySidenav”）.style.width=“250px”；
document.getElementById（“main”）.style.marginLeft=“250px”；
}
@user2786413单击我答案中的链接，看看它是否适合您<代码>：）
理想情况下，您不需要对“openNav”进行额外调用。你不应该把css设置为默认打开吗？请看上面我的答案。@pulekies肯定…：）