<!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=utf-8"?/>
<title>騰訊軟件中心-個人模仿網站</title>
<style?type="text/css">
*{margin:0;padding:0;}
.wrap{width:910px;margin:0px?auto;font-size:14px;}
.header{height:80px;}
.header?h3,p{margin:20px?10px?0?500px;}
.header?img{float:left;}
.nav{margin:10px?0?0?0;list-style:none;width:910px;height:40px;background:url(../image002/navbg.gif)?no-repeat;}
.nav?li?a{float:left;color:#333;text-decoration:none;text-align:center;width:88px;font-weight:bold;color:#FFF;line-height:34px;margin:0px?20px;}
.nav?li?on,.nav?li?a:hover{background:url(../image002/home.gif);color:black;}
.mainbody{overflow:hidden;}
</style>
</head>
<body>
<div?class="wrap">
<div?class="header">
????<img?src="../image002/logo.gif"?width="217"?height="63"?longdesc="../image002/logo.gif"?/>
<h3>騰訊軟件中心，騰訊精品軟件展示平臺</h3>
????????<p>我們會不斷提升產品的性能和體驗，為您提供最好用的軟件!</p>
???????? <ul?class="nav">
????????????<li?class="on"><a?href="#">首頁</a></li>
????????????<li><a?href="#">PC產品大全</a></li>
????????????<li><a?href="#">mac產品大全</a></li>
????????????<li><a?href="#">無線產品大全</a></li>
????????????<li><a?href="#">企業產品大全</a></li>
<li><a?href="#"><span>QQ實驗室</span></a></li>
????????????</ul>
????</div>
????<div?class="mainbody">
???? <div?class="left">asf</div>
????????<div?class="right">asdffg</div>
????</div>
????<div?class="footer"></div>
</div>
</body>
</html>代碼如上，效果圖如下。為什么浮動清楚不了呢？還有。如果我想在導航欄“QQ實驗室”在最右側顯示，有什么辦法？求大神幫主！??！?新手，剛學完基礎HTML和CSS，想的我頭都爆了-0-。
2 回答
- 2 回答
- 0 關注
- 1524 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消