高度要自己寫js代碼計算的，不能自適應(yīng)寬度才能自適應(yīng)；給你個例子 lttitlediv css3 側(cè)邊菜單導(dǎo)航欄titleltstyle type=quottextcssquot*margin0padding0liststyletypea，imgborder0bodyfont12px180% Arial， Helvetica， sansserif；ltnavlta href=quotindexaspquotHomeltalta href=quothtml5_meteraspquotPreviousltalta href=quothtml5_noscriptaspquotNextltaltnav 關(guān)于網(wǎng)站導(dǎo)航結(jié)構(gòu)優(yōu)化，可以參考以下幾項一導(dǎo)航目錄直觀清晰 導(dǎo)航欄，是網(wǎng)站最；建立三個網(wǎng)頁，一個作為主頁面，另外兩個子頁面作為切換頁面嵌入主頁面，子頁面也可以用文字替代用jQuery方法來切換頁面，語言比較簡單網(wǎng)上搜一下看看就懂了 下面附上代碼 lt！DOCTYPE htmllthtmllthead ltmeta charset=；lt！doctype html lthtml lthead lttitle導(dǎo)航條lttitle ltstyle body margin 0boxsizing borderbox nav *最外層框?qū)挾? width 150px nav ul margin 0padding 0 nav ul li。

如何設(shè)置html導(dǎo)航欄1用Dreamweaver創(chuàng)建一個新的HTML文件2先按ctrls保存，以防突然斷電，數(shù)據(jù)丟失3將title修改為htmlcss，實(shí)現(xiàn)橫向?qū)Ш?創(chuàng)建一個新的divid“A”并添加ulli標(biāo)簽5在li中添加所需的文本，并；這個可以通過絕對定位，配合left設(shè)置 或者translate去實(shí)現(xiàn) left的方法比如讓class為menu的元素寬為300px，高100%的，設(shè)置left為300px在這期間可以加一個過渡transitionleft 03s 然后讓class為menu active的元素；首先打開SublimeText軟件，新建一個html頁面，在html頁面中準(zhǔn)備好html結(jié)構(gòu)，如下圖所示接下來，我們在html的body結(jié)構(gòu)中添加導(dǎo)航欄的內(nèi)容，如下圖所示然后需要在style標(biāo)簽中用CSS定義導(dǎo)航條的樣式，如下圖所示寫樣式的時候；dw如何制作橫向?qū)Ш綏l設(shè)置css，浮動，定位，或者設(shè)置display為行內(nèi)元素，當(dāng)然，寬度一定要夠用CSShtml5如何做到點(diǎn)擊導(dǎo)航欄切換頁面導(dǎo)航欄下面放一個Div，專門用來顯示對應(yīng)導(dǎo)航欄目的內(nèi)容點(diǎn)擊導(dǎo)航欄觸發(fā)點(diǎn)擊事件，在事件。

建議使用FF，Safari，舉個例子lt！doctype html lthtml lthead lttitleHTML5+CSS3+JavaScriptlttitle ltmeta；HTML5讓導(dǎo)航欄固定頂部不動且不遮擋住下面的DIV方法如下1，首先在html中，添加良好的導(dǎo)航內(nèi)容2，后者是網(wǎng)頁的具體內(nèi)容，這里的代碼比較簡單3，在樣式中，首先在菜單中定義一些樣式4，此時，在運(yùn)行頁面時，滾動條；很簡單啊，右邊放一個iframe框架，name值＝自定義昵稱，然后左邊鏈接里加上target=框架name的名稱，如ltiframe scr=quoturlquot name=abc，那么你左邊導(dǎo)航的鏈接里lta herf=#39#39 target=quotabcquot，這樣左邊的鏈接就會顯示在右邊的；Nav元素可以用作頁面導(dǎo)航的鏈接組，在導(dǎo)航鏈接組里面有很多的鏈接，點(diǎn)擊每個鏈接可以鏈接到其他頁面或者當(dāng)前頁面的其他部分，并不是所有的鏈接組都要被放在nav元素里面，我們只需要把最主要的基本的重要的放在nav元素里面；這問題好糾結(jié)，最少來個截圖啊，給你寫個吧，粘過去就行，不行的話留個q，繼續(xù)問 lt！DOCTYPE htmllthtml lthead ltmeta charset=quotutf8quot lttitle選項卡lttitle ltstyle type=quottextcssquot webkit；在HTML中，DTD規(guī)定了標(biāo)記語言的規(guī)則，使瀏覽器能正確地呈現(xiàn)內(nèi)容而HTML5不基于SGML，所以不需要引用DTD文檔結(jié)構(gòu)元素 ltarticle 定義可以獨(dú)立于內(nèi)容其余部分的完整獨(dú)立內(nèi)容塊ltheader 頁面頂部ltnav 導(dǎo)航欄邊導(dǎo)航。

在HTML5頁面中，經(jīng)常使用ltnav標(biāo)簽來充當(dāng)導(dǎo)航的結(jié)構(gòu)化標(biāo)簽ltnav標(biāo)簽用于定義頁面的導(dǎo)航部分，通常包含導(dǎo)航鏈接或?qū)Ш讲藛嗡峁┝艘环N語義化的方式來標(biāo)記頁面的導(dǎo)航內(nèi)容，使得搜索引擎和輔助技術(shù)能夠更好地理解和處理導(dǎo)航。