首页 > 各位大神帮我看看three跟four块覆盖了是怎么回事?

各位大神帮我看看three跟four块覆盖了是怎么回事?

<!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>。
而且没有覆盖。


哥们在哪儿培训啊

【热门文章】
【热门文章】