效果圖 如下：
下拉框的效果：
滑鼠移入以後會有乙個框顯示出來
結構**
"en">
"location">
"current-city">
"fas fa fa-map-marker-alt" style="color: #f10215;">
"#">北京
"city_list">
/*直接利用偽元素來解決這個問題 那個元素塌陷就新增到那個元素上*/
.clear::after,
.clear::before
還有乙個省略號的效果
先吧這個行內元素變成乙個塊元素 向右浮動
省略號效果**直接寫上就ok
.list .free
/*4 5 6 7 行是主要***/
導航條選單的製作（一）
垂直選單設計 同樣的先寫html結構 在其中加入css樣式 這裡本來是設定的塊級元素li的樣式，由於塊級元素只有乙個a，就直接將a設定為塊級元素，然後對a寫滑鼠經過事件 a hover當滑鼠經過的時候，a的背景顏色變為red，文字顏色變為白色 下面是樣式，其中text indent是內部縮排，保持了...
手動調整滾動條回歸最頂部 乙個自適應滾動條的實現
為了得到乙個自適應滾動條，你需要告訴windows滾動條所覆蓋區域的最大值和最小值，當前滾動條的位置以及滾動條滑塊 thumb，也稱 頁大小 的大小。乙個比較麻煩的方法，是當顯示區域最大值是可變的情況。這和gdi中的座標計算有點不同 gdi中，一段範圍，是不包含終結點的。這會導致在 現類似 1 這樣...
寫乙個導航欄遇到的問題
整體效果 導航欄樣式 期望效果 1.左右紅色區域寬度能夠一致 在html裡要設定 style float left 在html裡要設定 style float right css裡定義 2.搜尋框 裡的搜尋icon能夠和搜尋框重合html裡設定，搜尋框和搜尋按鈕重合，兩個元素都要聲position ...