HTML5 MVC 3左侧导航布局

Question

我正在使用ASP.NET MVC3 Razor和HTML 5创建一个新的Web应用程序.

我知道并非所有浏览器都支持HTML5,但我还是想尝试一下.

有没有人制作任何左侧导航布局的页面？我想要一个类似于Gmail(或outlook)的界面,左侧是导航栏全高,页面内容占据右侧的所有可用空间.

关于如何制作这个的指导方针？

Answer 1

只需要几个css结构来实现您想要的结果:

#left { float:left; width: 200px; }
#rest { margin-left: 200px; }

然后你的HTML是这样的:

<div id="left">...</div><div id="rest">...</div>

而且,据我所知,它完全不依赖于HTML5(考虑到HTML5的松散定义,通常包括CSS3 ......).