abstrak：<!doctype html><html> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="A
<!doctype html>
<html>
<head>
<meta charset="UTF-8">
<meta name="Generator" content="EditPlus?">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
<link rel="stylesheet" href="css/1.css" type="text/css">
<link rel="stylesheet" href="css/font-awesome-4.7.0/css/font-awesome.min.css" type="text/css">
<!-- <link href="https://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png" rel="apple-touch-icon-precomposed" /> -->
<link rel="shortcutu icon" type="image/x-icon" href="https://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png">
<title>淘寶網(wǎng) - 淘！我呸</title>
</head>
<body>
<div >
<div >
<div >
<a href="">中國大陸 <i class=" fa fa-angle-down"></i></a>
<a href="https://login.taobao.com/member/login.jhtml?spm=a21bo.2017.754894437.1.5b7f11d9MKfHOT&f=top&redirectURL=https%3A%2F%2Fwww.taobao.com%2F%3Fspm%3Da2107.1.1000340.1.326911d929ds3u" style="color:#ff5000;">親，請登錄</a>
<a href="https://reg.taobao.com/member/reg/fill_mobile.htm" id="">免費注冊</a>
<a href="https://mpage.taobao.com/hd/download.html?spm=a21bo.2017.1997563273.1.5b7f11d9WZdq2b" id="">手機逛淘寶</a>
</div>
<div >
<a href="">我的淘寶 <i class=" fa fa-angle-down"></i>
<ul>
<li>已買到的寶貝</li>
<li>我的足跡</li>
</ul>
</a>
<a href=""><span class="fa fa-cart-plus" style="color:#ff5000;"></span> 購物車</a>
<a href=""><span class="fa fa-star" style="color:#ff5000;"></span> 收藏夾 <i class=" fa fa-angle-down"></i>
<ul>
<li>已買到的寶貝</li>
<li>我的足跡</li>
</ul>
</a>
<a href="">商品分類</a>
<a href="">賣家中心 <i class=" fa fa-angle-down"></i></a>
<a href="">聯(lián)系客服 <i class=" fa fa-angle-down"></i><ul>
<li>馬云</li>
<li>李嘉誠</li>
<li>比爾蓋茨</li>
<li>巴菲特</li>
</ul></a>
<a href="">網(wǎng)站導(dǎo)航</a>
</div>
</div>
<div id="" >
</div>
</div>
</body>
</html>
______________________________________________________
*{margin:0px;padding:0px;} /* 做網(wǎng)頁第一步，先把瀏覽器自帶的邊距清除 */
a{text-decoration:none;color:#6c6c6c;font-size:13px;} /* text-decoration:none;去掉a鏈接的下劃線 */
li{list-style:none;}
.clear{clear:both;}
.header{width:100%;background-color:#f5f5f5;} /* height:35px; */
.header_content{width:1200px;margin:0px auto;line-height:40px;} /* height:40px; */
.header_left{height:40px;float:left;} /* background-color:pink; 調(diào)試用的*/
.header_left a{margin-right:5px;}
.header_content a:hover{color:#ff5000;}
.header_right{width:630px;height:40px;float:right;} /* background-color:pink; */
.header_a{display:inline-block;height:40px;width:90px;text-align:center;position:relative;} /* position:relative;直接下拉菜單。不影響別的東西。相對定位 */
.header_a:hover{background-color:#fff;}
.header_a ul{border:1px solid #f5f5f5;display:none;border-top:none;}
.header_a:hover ul{display:block;position:absolute;width:100px;}
.header_a ul li:hover{background-color:#f5f5f5;}
.header_a ul li{color:#6c6c6c;height:30px;line-height:30px;text-align:left;padding: 0px 10px;margin:5px 0px;} /* text-align:left;靠左對齊 */
Guru membetulkan：西門大官人Masa pembetulan：2019-02-24 09:54:34
Rumusan guru：問題在于你沒有給div定義樣式。后面的css樣式你沒有用在div、ul、li等元素上