Html 将移动导航从左向右移动

Html 将移动导航从左向右移动,html,css,Html,Css,我正在尝试从左上角移动移动导航,并从左侧滑入右侧。我试着从左到右更改位置设置,但没有成功。 我将非常感谢任何帮助 代码如下,谢谢 #包装器{ 位置:绝对位置; 宽度:自动; 最小宽度:60px; 身高:100%; 溢出:隐藏; 保证金:0自动; 填充:0; } 标签{ 光标:指针; } &:焦点{ 大纲:无; } .菜单{ 位置:绝对位置; 排名:0; 左:0; 背景:#fff; 宽度:240px; 身高:100%; 变换:translate3d(-240px,0,0); 转变:转变0.35s

我正在尝试从左上角移动移动导航,并从左侧滑入右侧。我试着从左到右更改位置设置,但没有成功。 我将非常感谢任何帮助

代码如下,谢谢

#包装器{
位置:绝对位置;
宽度:自动;
最小宽度:60px;
身高:100%;
溢出:隐藏;
保证金:0自动;
填充:0;
}
标签{
光标:指针;
}
&:焦点{
大纲:无;
}
.菜单{
位置:绝对位置;
排名:0;
左:0;
背景:#fff;
宽度:240px;
身高:100%;
变换:translate3d(-240px,0,0);
转变:转变0.35s;
}
label.menu-toggle{
位置:绝对位置;
右:-60px;
宽度:60px;
高度:60px;
线高:0px;
显示:块;
填充:0;
文本缩进:-9999px;
背景:透明url(https://cdn4.iconfinder.com/data/icons/wirecons-free-vector-icons/32/menu-alt-512.png)50%50%/25px 25px不重复;
}
label.active{
背景:透明url(menu cross.png)50%50%/25px 25px不重复;
}
ul li>标签{
背景:url(https://cdn4.iconfinder.com/data/icons/ionicons/512/icon-arrow-right-b-128.png)95%50%/16px 16px无重复;
}
A.
标签{
显示:块;
文本对齐:左对齐;
填充:0 30px;
线高:60px;
文字装饰:无;
保证金:0自动;
颜色:#000;
}
&:悬停{
颜色:#666;
}
.菜单复选框{
显示:无;
}
.菜单.菜单标签.菜单切换{
背景:无;
}    
.菜单复选框:选中+.菜单{
变换:translate3d(0,0,0);
}

切换

我认为您的任务过于复杂了。您可以简单地在VisualStudio上打开新项目,然后从那里开始。这将是最好的选择,因为您想要实现的结果很可能是相同的


现在,如果您确实想坚持这一点,您必须仔细检查您的样式代码,以及什么可能会阻止项目在右侧对齐。

也发布您的html,因此我们有一个@MichaelCoker,html AddedHanks。请也张贴你编译的CSS。我们不应该为您编译它。@MichaelCoker对此表示抱歉。我又编辑了CSS,因为我忘了为输入添加设置。什么?VisualStudio与这个问题有什么关系-1.