关于清楚浮动的影响
<!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-。
煎蛋的少年浏览 1459回答 2
2回答
-
19921009ab
课程 \前端开发 \HTML/CSS \网页布局基础 第三章 3-2有讲到 可以看一下布局这里有两种常用的清除浮动的方法 -
Z-9
.mainbody{clear:both} 试试
随时随地看视频慕课网APP
Html/CSS