style type=#34textcss#34 * margin0 padding0 jiao ul li ahover color#red ul， li liststyle a textdecoration jiao border5px solid #pink bor。

3個容器如果要在一條直線上排列，那么容器寬度的綜合一定要小于外圍容器的寬度，在圖片中看不出來你外圍容器寬度是多少，你可以先設(shè)定死3個容器的寬度再測試一下估計主要是因為你的容器沒有寬度，大小都是另360本身是沒。

很多小伙伴學習了一段時間的HTML和css，就想自己動手試試制作導(dǎo)航條菜單，不過卻沒有思路，今天小編我就來分享一下HTML和css制作導(dǎo)航條的實例，大家可以參考參考如圖，制作導(dǎo)航條菜單一般是用一個div嵌套ul和li標簽，然后li。

body margin0px padding0px h1，h2，h3，h4，h5，h6，p，form，div，ul，li，img margin0px padding0px inimgtextaligncenter fontfamilyArial， Helvetica， sansserif fontsize12px in。

要用table的話就這樣寫 圖片1圖片2圖片3 用div寫的話就簡單點寫得去考慮總寬度，麻煩點的就跟table差不多 Divwidth1001pxmargin0px autooverflowHidden Div imgwidth300pxmarginleft30px。

你給div設(shè)置一個寬度不就行了塊級元素默認情況是橫著都占滿瀏覽器的，你設(shè)置個寬度就行啦。

因為我們要做的是橫向的導(dǎo)航欄，所以現(xiàn)在我們要把它變成橫向排列我們在樣式中加入以下代碼nav ul li floatleft*讓li元素左浮動* 我們看到測試結(jié)果如圖4邊框之所以擠到一起了是因為浮動以后 li就變成了聯(lián)。

放上全部的代碼吧，可以參考一下啊， lt！DOCTYPE html 允許你通過一個網(wǎng)址來識別你的標記 css實現(xiàn)下拉導(dǎo)航欄菜單。

css制作橫排二級下拉菜單，代碼如下 一級欄目 二級菜單 二級菜單 二級菜單 一級欄目 二級菜單 二級菜單 二級菜單。