<!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>
<link href="Untitled-3 - .css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="top">
<ul>
<li>小米网</li>
<li>MIUI</li>
<li>米聊</li>
<li>游戏</li>
<li>多看阅读</li>
<li>云服务</li>
<li>小米网移动版</li>
<li>问题反馈</li>
<li style="padding-left:80px">Select Region</li>
<li >登陆</li>
<li>注册</li>
<li>购物车</li>
</ul>
</div>
<div id="one"> </div>
<div id="two">
<div class="fenglei"></div>
<div class="photo"></div>
</div>
<div id="three">
<div id="three-four"> </div>
<div id="three-one"></div>
<div id="three-two"></div>
<div id="three-three"></div>
</div>
<div id="four">
hhhh
</div>
<div id="five"></div>
<div id="six"></div>
</body>
</html>
----------
css样式
#top {
color: #CCC;
background-color: #333;
}
#top ul li {
float: left;
padding-right: 20px;
padding-left: 1px;
text-align: center;
padding-top: 5px;
font-family: SimHei;
list-style-type: none;
}
#top {
height: 25px;
text-align: center;
}
#one #one-img {
float: left;
height: 80px;
width: 100px;
}
#one #one-fenglei {
float: left;
height: 80px;
width: 800px;
}
#one{
overflow:hidden;
width: 1350px;
}
#one {
height: 80px;
}
.fenglei{ width:300px; padding-bottom:10px; float:left; height:421px}
.photo{float:left;margin-top:40px;}
#two {
height: 480px;
width: 1350px;
}
#three #three-one {
height: 140px;
width: 300px;
float:left;
padding-right:30px;
padding-left:30px;
}
#three #three-two {
float: left;
height: 140px;
width: 300px;
padding-right:30px
}
#three #three-three {
float: left;
height: 140px;
width: 300px;
padding-right:30px
}
#three{
text-align:center;
padding-left: 25px;
margin-top: 15px;
overflow:hidden
}
#three #three-four {
background-color: #333;
height: 140px;
width: 300px;
float: left;
}
#three #three-four table {
font-size: 12px;
float:left;
color: #999;
float:left
}
#four{ background-color:#0F6;}
"three-two"后面少了个>
如上面所说,<div id="three-two"</div>这句应该是div id="three-two"></div>。
而且没有覆盖。
哥们在哪儿培训啊