摘要：<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0">&
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>京東(JD.com)-正品低價，品質(zhì)保障，配送及時，輕松購物！</title>
<link rel="stylesheet" href="E:\front\京東商城demo.css">
<link rel="stylesheet" href="E:\front\CSS\font-awesome-4.7.0\css\font-awesome.min.css">
</head>
<body>
<div class="header">
<div class="img"><img src="E:\front\京東狗.jpg"></div>
<div class="header_content">
<div class="header_left">
<a href="" class="header_a" ><i class="fa fa-map-marker" aria-hidden="true"></i> 廣州</a>
</div>
<div class="header_right">
<a href="" class="header_a" >你好，請登陸</a>
<a href="" class="header_a">免費注冊</a>
<a href="" class="header_a">我的訂單</a>
<a href="" class="header_a">我的京東</a>
<a href="" class="header_a">京東會員</a>
<a href="" class="header_a">企業(yè)采購</a>
<a href="" class="header_a">客戶服務(wù)</a>
<a href="" class="header_a">網(wǎng)站導(dǎo)航</a>
<a href="" class="header_a">手機京東</a>
</div>
</div>
<div class="clear"></div>
</div>
<div class="year"><img src="E:\front\年貨節(jié).jpg"></div>
</body>
</html>
----------------------------------------------------------------------------------------------------------------------------------------
京東商城導(dǎo)航css:
*{margin: 0px; padding: 0px;}
a{text-decoration: none;color: #999999;font-size: 12px;}
.clear{clear:both}
body{
background-color: #F0F3EF;
height: 2000px;
}
.header{width: 100%;background-color: #E3E4E5;height: 30px;}
.header .header_content{width: 1200px;margin: 0px auto;height: 30px;}
.header .header_content .header_left{
height: 30px;
float: left;
}
.header .header_content .header_right{
width: 900px;
height: 30px;
float: right;
}
.header_content a:hover{color: lightcoral}
.header_a{display: inline-block;height: 30px;width: 80px;text-align: center;}
.img{
float: right;
position: relative;
right: 1530px;
}
.year{
float: right;
position: fixed;
right: 0px;
top: 0px;
}
疑問:為啥有一張圖片"img"只有向右浮動才看的到,但是向左浮動就會消失不見......
批改老師：韋小寶批改時間：2019-01-20 15:33:32
老師總結(jié)：你可以F12看一下，應(yīng)該是被其他的東西覆蓋了，擋住了