<!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>騰訊軟件中心-個(gè)人模仿網(wǎng)站</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>騰訊軟件中心，騰訊精品軟件展示平臺(tái)</h3>
????????<p>我們會(huì)不斷提升產(chǎn)品的性能和體驗(yàn)，為您提供最好用的軟件!</p>
???????? <ul?class="nav">
????????????<li?class="on"><a?href="#">首頁</a></li>
????????????<li><a?href="#">PC產(chǎn)品大全</a></li>
????????????<li><a?href="#">mac產(chǎn)品大全</a></li>
????????????<li><a?href="#">無線產(chǎn)品大全</a></li>
????????????<li><a?href="#">企業(yè)產(chǎn)品大全</a></li>
<li><a?href="#"><span>QQ實(shí)驗(yàn)室</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>代碼如上，效果圖如下。為什么浮動(dòng)清楚不了呢？還有。如果我想在導(dǎo)航欄“QQ實(shí)驗(yàn)室”在最右側(cè)顯示，有什么辦法？求大神幫主！??！?新手，剛學(xué)完基礎(chǔ)HTML和CSS，想的我頭都爆了-0-。
2 回答
19921009ab
TA貢獻(xiàn)8條經(jīng)驗(yàn) 獲得超2個(gè)贊
課程?\前端開發(fā)?\HTML/CSS?\網(wǎng)頁布局基礎(chǔ) 第三章 3-2有講到 可以看一下布局
這里有兩種常用的清除浮動(dòng)的方法
添加回答
舉報(bào)
0/150
提交
取消