abstrakt:<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>淘寶網(wǎng) - 淘! 我喜歡</title> <link rel="stylesheet" type="text/css" href="static\font-awesome-4.7.0\css\font-awesome.min.css"> <style> *{margin: 0;padding: 0;} i{margin-left: 2px;} li{list-style: none;} .head_con a{text-decoration: none;font-size: 13px;color: #6C6C6C;} .head_con a:hover{color: #F22E00;} .head_a{height: 36px;width: 85px;display: inline-block;text-align: center;position: relative;} .head_con a:hover.head_a{background-color: #fff;} .clear{clear: both;} .head{height: 36px;width :100%; background-color: #F5F5F5;} .head_con{height :36px; width: 1200px;margin: 0 auto;line-height: 36px;} .head_left{height: 36px; float: left;} .head_right{height: 36px;float: right;} .head_right a ul{border: 1px solid #F5F5F5;border-top: none;position: absolute;display: none;} .head_right a ul li{padding: 0 8px;color: #6C6C6C;height: 30px;line-height: 30px;width: 80px;text-align: left;} .head_con a:hover ul{display: block;} .head_con ul li:hover {background-color: #F5F5F5;} .nav_box{height: 310px;width: 1200px;margin: 0 auto;border: 1px solid #F5F5F5;border-top: none;} .nav_ul{width: 299px;border-right: 1px solid #F5F5F5;float: left;} .nav_ul b{padding: 10px 0 0 10px; display: block;color: #FF4400;} .nav_ul li{float: left; padding : 5px;font-size: 12px;margin: 5px 25px 0 10px;} .nav_ul a{text-decoration: none;text-align: center;color: #6C6C6C;} .nav_ul li:hover {background-color: #FF4400;} .nav_ul li:hover a{color: #fff;} .nav_nav{} /*a.nav_nav:hover div.nav_box:active {display: block;}*/ </style> </head> <body> <!--頂部導(dǎo)航欄--> <div class="head"> <div class="head_con"> <div class="head_left"> <a href="" class="head_a">中國大陸 <i class=" fa fa-sort-desc"></i></a> <a href="" style="color: #F22E00">親,請登錄</a> <a href="">免費注冊</a> <a href="">手機(jī)逛淘寶</a> </div> <div class="head_right"> <a href="" class="head_a">我的淘寶 <i class=" fa fa-sort-desc"></i> <ul> <li>已買到的寶貝</li> <li>我的足跡</li> </ul> </a> <a href=""><span class="fa fa-cart-plus" style="color: #F22E00"></span> 購物車 <i class=" fa fa-sort-desc"></i></a> <a href="" class="head_a"><span class="fa fa-star"></span> 收藏夾 <i class=" fa fa-sort-desc"></i> <ul> <li>收藏的寶貝</li> <li>收藏的店鋪</li> </ul> </a> <a href="">商品分類<span style="margin-left :20px;border-right: 1px solid #ccc;"></span></a> <a href="" class="head_a" style="width: 105px">千牛賣家中心 <i class=" fa fa-sort-desc"></i> <ul> <li>免費開店</li> <li>已賣出的寶貝</li> <li>出售中的寶貝</li> <li>賣家服務(wù)市場</li> <li>賣家培訓(xùn)中心</li> <li>體檢中心</li> <li>問商友</li> </ul> </a> <a href="" class="head_a">聯(lián)系客服 <i class=" fa fa-sort-desc"></i> <ul> <li>消費者客服</li> <li>賣家客服</li> </ul> </a> <a href="" class="head_a nav_nav"><span class="fa fa-tasks" style="color: #F22E00"></span> 網(wǎng)站導(dǎo)航 <i class=" fa fa-sort-desc"></i></a> <!--這里有問題↑--> </div> <div class="clear"></div> </div> </div> <!--網(wǎng)站導(dǎo)航--> <div class="nav_box"> <ul class="nav_ul"> <b>主體市場</b> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <div class="clear"></div> </ul> <ul class="nav_ul"> <b>主體市場</b> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <div class="clear"></div> </ul> <ul class="nav_ul"> <b>主體市場</b> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <div class="clear"></div> </ul> <ul class="nav_ul" style="border-right: none"> <b>主體市場</b> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <li><a href="">男裝</a></li> <li><a href="">鞋靴</a></li> <li><a href="">箱包</a></li> <li><a href="">嬰童</a></li> <li><a href="">家電</a></li> <li><a href="">女裝</a></li> <li><a href="">男裝</a></li> <div class="clear"></div> </ul> <div class="clear"></div> </div> </body> </html>
Korrigierender Lehrer:滅絕師太Korrekturzeit:2019-03-25 09:15:49
Zusammenfassung des Lehrers:布局的時候注意一下,把.nav_box這個div放到當(dāng)前a鏈接中