菜單只居中，不偏移，margin-left無效
菜單只居中，沒有偏移，margin-left無效，怎么解決
<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>地狗購物網(wǎng)</title>
<style>
*{
margin:?0;
padding:?0;
}
body{
font-size:?12px;
line-height:?1.7;
}
li{
list-style:?none;
}
#content{
width:?800px;
margin:?0?auto?;
padding:?20px;
}
#content?h1{
color:?#0088bb;
}
#content?.item{
padding:?20px;
padding-bottom:?20px;
border:?1px?dotted?#8800bb;
}
#content?.item?h2{
font-size:?16px;
font-weight:?bold;
border-bottom:?2px?solid?#0088bb；
margin-bottom:10px;
}
#content?.item?li{
display:?inline;
margin-right:?10px;
}
#content?.item?li?a?img{
width:?230px;
height:?230px;
border:none;
}
#menu{
position:?fixed;???????//固定顯示
top:?100px;
left:?50%;?????//小技巧：先把它居中，再左偏移400px
margin-left:400px;
width:?80px;
border:?1px?solid?pink;
}
#menu?ul?li?a{
display:?block;
margin:?5px?0;
font-size:?14px;
font-weight:?bold;
color:?#333;
width:?80px;
height:?50px;
line-height:?50px;
text-decoration:?none;
text-align:?center;
}
</style>
</head>
<body>
<div?id="menu">
<ul>
<li><a?href="#">1F?男裝</a></li>
<li><a?href="#">2F?女裝</a></li>
<li><a?href="#">3F?美妝</a></li>
<li><a?href="#">4F?數(shù)碼</a></li>
<li><a?href="#">5F?母嬰</a></li>
</ul>
</div>
<div?id="content">
<h1>地狗購物網(wǎng)</h1>
<div?id="item1">
<h2>1F?男裝</h2>
<ul>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="1F.jpg"?alt=""></a></li>
</ul>
</div>
<div?id="item2">
<h2>2F?女裝</h2>
<ul>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="2F.jpg"?alt=""></a></li>
</ul>
</div>
<div?id="item3">
<h2>3F?美妝</h2>
<ul>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="3F.jpg"?alt=""></a></li>
</ul>
</div>
<div?id="item4">
<h2>4F?數(shù)碼</h2>
<ul>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="4F.jpg"?alt=""></a></li>
</ul>
</div>
<div?id="item5">
<h2>5F?母嬰</h2>
<ul>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
<li><a?href="#"><img?src="5F.jpg"?alt=""></a></li>
</ul>
</div>
</div>
</body>
</html>
2017-01-14
解決了，原來是注釋格式錯了，大概把它注釋掉了~