引用:
原帖由 fonqing 于 2008-9-21 11:05 发表 
上代码！
先谢谢了:
下面这个是index.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<link href="style/basic.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="box">
<div id="logo">
<object data="media/logo.swf"type="application/x-shockwave-flash"width="766"height="148">
<param name="movie" value="media/logo.swf" />
<param name="quality" value="high" /><param name="SCALE" value="exactfit" />
<param name="wmode" value="transparent" />
</object>
</div>
<div id="nav">
<ul>
<li><a href="#"><span>首页</span></a></li>
<li><a href="#"><span>金饰</span></a></li>
<li><a href="#"><span>钻石</span></a></li>
<li><a href="#"><span>925银饰</span></a></li>
<li><a href="#"><span>流行饰品</span></a></li>
<li><a href="#"><span>珍珠</span></a></li>
<li><a href="#"><span>品牌专卖</span></a></li>
<li><a href="#"><span>订制</span></a></li>
<li><a href="#"><span class="last">优惠券</span></a></li>
</ul>
</div>
<div id="link">
<div id="login"></div>
<div id="sort"></div>
<div class="ad_2"></div>
</div>
<div id="main">
<div id="ad_1"></div>
<div id="recommend"></div>
<div id="new"></div>
<div id="rank"></div>
<div id="info"></div>
</div>
<div id="footer"></div>
</div>
</body>
</html>
这个是basic.css
* {
color: #666666;
margin: 0px;
padding: 0px;
border: 0px;
}
a:link {
text-decoration: none;
}
a:visited {
color: #999999;
text-decoration: none;
}
a:hover {
color: #cc3399;
text-decoration: none;
}
body {
font-family: "宋体";
font-size: 12px;
background-color: #ffe6f1;
background-image: url(../img/body_bg.gif);
text-align: center;
}
#box {
background-color: #FFFFFF;
width: 782px;
background-image: url(../img/box_bg.gif);
background-repeat: repeat-y;
background-position: center top;
padding-top: 1px;
margin-right: auto;
margin-left: auto;
border:1px dashed #FF0000;
}
#logo {
background-image: url(../img/logo_bg.gif);
background-repeat: no-repeat;
border: 2px solid #ff0066;
width: 766px;
margin-right: auto;
margin-bottom: 1px;
margin-left: auto;
}
#nav {
width: 770px;
margin-right: auto;
margin-left: auto;
}
#nav li {
list-style-type: none;
display:inline;
}
#nav a {
font-size: 14px;
font-weight: bold;
color: #666666;
background-image: url(../img/nav_bg_left.gif);
background-repeat: no-repeat;
padding-left: 4px;
float: left;
border-bottom:1px solid #666;
}
#nav a span {
display:block;
padding:13px 22px 9px 18px;
background-image: url(../img/nav_bg_right.gif);
background-repeat: no-repeat;
background-position: right top;
}
#nav .last {
border-right:1px solid #666;
padding:13px 24px 9px 20px;
}
#nav a:hover {
background-position:0 -50px;
}
#nav a:hover span {
color: #cc3399;
background-position:100% -50px;
padding-top:14px;
padding-bottom:8px;
}
在上面的basic.css中,如果我在#logo里加一个padding-left,它会在右边显示,然后左边就会向左偏移.想问一下为什么会这样.
非常感谢!!!
