高度要自己写js代码计算的，不能自适应宽度才能自适应；给你个例子 lttitlediv css3 侧边菜单导航栏titleltstyle type=quottextcssquot*margin0padding0liststyletypea，imgborder0bodyfont12px180% Arial， Helvetica， sansserif；ltnavlta href=quotindexaspquotHomeltalta href=quothtml5_meteraspquotPreviousltalta href=quothtml5_noscriptaspquotNextltaltnav 关于网站导航结构优化，可以参考以下几项一导航目录直观清晰 导航栏，是网站最；建立三个网页，一个作为主页面，另外两个子页面作为切换页面嵌入主页面，子页面也可以用文字替代用jQuery方法来切换页面，语言比较简单网上搜一下看看就懂了 下面附上代码 lt！DOCTYPE htmllthtmllthead ltmeta charset=；lt！doctype html lthtml lthead lttitle导航条lttitle ltstyle body margin 0boxsizing borderbox nav *最外层框宽度* width 150px nav ul margin 0padding 0 nav ul li。

如何设置html导航栏1用Dreamweaver创建一个新的HTML文件2先按ctrls保存，以防突然断电，数据丢失3将title修改为htmlcss，实现横向导航4创建一个新的divid“A”并添加ulli标签5在li中添加所需的文本，并；这个可以通过绝对定位，配合left设置 或者translate去实现 left的方法比如让class为menu的元素宽为300px，高100%的，设置left为300px在这期间可以加一个过渡transitionleft 03s 然后让class为menu active的元素；首先打开SublimeText软件，新建一个html页面，在html页面中准备好html结构，如下图所示接下来，我们在html的body结构中添加导航栏的内容，如下图所示然后需要在style标签中用CSS定义导航条的样式，如下图所示写样式的时候；dw如何制作横向导航条设置css，浮动，定位，或者设置display为行内元素，当然，宽度一定要够用CSShtml5如何做到点击导航栏切换页面导航栏下面放一个Div，专门用来显示对应导航栏目的内容点击导航栏触发点击事件，在事件。

建议使用FF，Safari，举个例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；HTML5让导航栏固定顶部不动且不遮挡住下面的DIV方法如下1，首先在html中，添加良好的导航内容2，后者是网页的具体内容，这里的代码比较简单3，在样式中，首先在菜单中定义一些样式4，此时，在运行页面时，滚动条；很简单啊，右边放一个iframe框架，name值＝自定义昵称，然后左边链接里加上target=框架name的名称，如ltiframe scr=quoturlquot name=abc，那么你左边导航的链接里lta herf=#39#39 target=quotabcquot，这样左边的链接就会显示在右边的；Nav元素可以用作页面导航的链接组，在导航链接组里面有很多的链接，点击每个链接可以链接到其他页面或者当前页面的其他部分，并不是所有的链接组都要被放在nav元素里面，我们只需要把最主要的基本的重要的放在nav元素里面；这问题好纠结，最少来个截图啊，给你写个吧，粘过去就行，不行的话留个q，继续问 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle选项卡lttitle ltstyle type=quottextcssquot webkit；在HTML中，DTD规定了标记语言的规则，使浏览器能正确地呈现内容而HTML5不基于SGML，所以不需要引用DTD文档结构元素 ltarticle 定义可以独立于内容其余部分的完整独立内容块ltheader 页面顶部ltnav 导航栏边导航。

在HTML5页面中，经常使用ltnav标签来充当导航的结构化标签ltnav标签用于定义页面的导航部分，通常包含导航链接或导航菜单它提供了一种语义化的方式来标记页面的导航内容，使得搜索引擎和辅助技术能够更好地理解和处理导航。