在製作過程中，出現了一些小問題，因為，我沒有設定列的div的高度，所以它會跟著ul的大小變化，導致背景色會變化，而且我不能設定ul的外邊距，也會導致背景色有變化，所以我設定了ul的內填充，我想這是因為div的內容填充的問題。
最後我給ul設定內填充padding解決這個問題。也許還有剛更好的解決，還請大家多多指教。
ahtml文件
charset="utf-8">
垂直導航title>
rel="stylesheet"
href="../css/caidan.css" />
head>
id="mainbody">
class="menurow">
href="#">首頁a>
li>
href="#">新聞快訊a>
li>
href="#">產品展示a>
li>
href="#">售後服務a>
li>
li>
ul>
div>
class="menucol">
class="meuncol_ul">
href="#">首頁a>
li>
href="#">新聞快訊a>
li>
href="#">產品展示a>
li>
href="#">售後服務a>
li>
li>
href="#">產品展示a>
li>
href="#">售後服務a>
li>
li>
ul>
div>
div>
body>
html>
導航選單欄製作
做法一 效果圖 導航選單.html charset gb2312 導航選單title rel stylesheet href style.css type text css head id daohang id d1 href 首頁a div id d2 關於醫學院div id d3 就業指導中心d...
垂直 水平導航選單的製作
1.先製作乙個垂直的選單 設定一下css樣式，包括 去掉列表前面的小圓點 list style a標籤的下劃線 text decoration li的高度寬度背景顏色 還有文字的縮排 text indent，不改變整個li的寬度 但是，為了加互動效果，比如hover,應該將這些樣式設定在最內層的標籤...
導航條選單的製作
混合布局垂直選單水平選單伸縮選單的製作 改變高度 伸縮選單的製作 水平方向 導航條選單的製作 混合布局 任務1 完成頂部 top 底部 foot 寬度自適應 任務2 中間分為2兩欄，其中，左側 left 寬度為200px，右側 right 寬度自適應 任務3 要求右側 right 先載入，左側 le...