这个可以通过绝对定位，配合left设置 或者translate去实现 left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素。

HTML5+CSS3做一个后台管理系统的侧边导航栏，点击三条杠，可以收起或展开侧边导航栏收起时，图标变大，文本在图标下方，管理员头像右侧的欢迎语隐藏展开时图标变小，文本在图标的右侧显示，管理员头像右侧的欢迎语显示。

lth1ltp折叠1ltplth1 lth1ltp折叠2ltplth1 lth1ltp折叠3ltplth1 lth1ltp折叠4ltplth1 需要js来，最好用jquery来实现 只需要给h1绑定事件，单件它的时候，设置它的p属性，display。

给你个例子 lttitlediv css3 侧边菜单导航栏titleltstyle type=quottextcssquot*margin0padding0liststyletypea，imgborder0bodyfont12px180% Arial， Helvetica， sansserif。

这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle选项卡lttitle ltstyle type=quottextcssquot webkit。

同时HTML5也对某些元素进行了重定义，改变了它们的语言内容但表现不变如b标签i标签，仍然表示为粗体斜体，但代表了一段需要被关注的文字一段不同性质的文字，如技术术语外文短语等HTML5属性变化。

html5可以将网页分块， 网页分块意味着将一个页面划分为几个独立的部分，包括内容菜单头部底部链接等， 这些只要使用一些新的标签下面是一张html5概念图1ltheader 网站头部标签 2ltnav 导航标签 3lt。

头部headernav 侧栏aside 内容articlesectiondiv 脚部footer 这些仅仅是html5的一部分，常出现在整个网页的“大框架”结构上，具体位置如下html5 虽然增加了很多新的标签，但是并不代表完全抛弃了原有的标签。

html5中menu和nav的区别如下1menu就是页面中的菜单，而nav是导航条 2菜单是一组控件的集合，比如按钮，文本框等，通常菜单都要关联一个js事件进行人机交互导航是网站的一组链接的集合，主要是a标签，这些链接是。

如果不想用传统的页面跳转，可以考虑使用一下前端的MVC框架，比如backbonejs比如Angularjs都可以实现你说的那种，上下不动只有中间的内容在变，其实加载的是不同的模板，然后用路由控制的，整个浏览器始终处在一个界面中。

html5的新增的标签都是带有语义的，不光要从字面来说，还要从举例中来说article 是独立的一块内容，比如一篇新闻，一篇文章，包含文章主旨，还可以包含辅助内容section 类似div，不过比div更有意义，他是对内容进行分块。

表示主题结束，而不是水平线，虽然显示相同 ltmenu 重新定义用户界面的菜单，配合commond或者menuitem使用 ltsmall 表示小字体，例如打印注释或者法律条款 ltstrong 表示重要性而不是强调符号 HTML5 是下一代的 HTML。

HTML5新增的元素如下所示，希望对你有帮助，望采纳新的语义和结构元素ltarticle 定义页面独立的内容区域ltaside 定义页面的侧边栏内容ltbdi 允许您设置一段文本，使其脱离其父元素的文本方向设置ltcomman。

等元素，也有一些全新的元素，如 audio， video一些在 HTML4 中不被推荐使用的元素，如 font 和 center 将被弃用HTML5 引入的新 HTML 元素包括article文章 aside内容旁边的侧边栏内容 audio音频 canvas2D。

只需要做好样式，隐藏显示就好了。

介绍HTML5中新添加的标签用法于说明aside 添加附注，用于包含于当前文档相关的内容，如侧栏提示文档相关文档，也可以使用来放广告相关内容链接，一个完全独立的区块作为页面主要内容的陪衬 article 独立文档标记表示一。

亲，你好，很乐意为你解答问题，目前并不是所有手机浏览器都支持HTML5+CSS3的功能 所以并不是你使用了CSS3的制作方法，所有手机就会识别你的制作方法首先你要确认你的网站为了哪一部分的手机用户提供服务，如果有问题。