<!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="index.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="header">
<div id="header_left"><h1>北斗之芯</h1></div>
<div id="header_center"><p><img src="images/beidouzhixin.png" width="140" height="100" alt="北斗之芯協會圖標" title="北斗之芯"/></p></div>
<div id="header_right">
<div id="search_box">
<form id="search_form" method="post" action="#">
<input type="text" id="s" value="搜索" class="swap_value" width="159" height="24"/>
<input type="image" src="images/btn_search_box.gif" width="27" height="24" id="go" alt="Search" title="Search"/>
</form>
</div>
</div>
</div>
<div class="clear"></div>
<div id="daohang">
<ul><a href="#">首頁</a></ul>
<ul><a href="#">學習天地</a></ul>
<ul><a href="#">經典教材</a></ul>
<ul><a href="#">留言板</a></ul>
<ul><a href="#">聯系我們</a></ul>
<ul><a href="#">關於我們</a></ul>
</div>
</div>
<div id="tupian">
<p><img src="images/tupian01.png" width="100%" alt=“今天做別人不想做的事情，明天做別人不能做的事情" title="今天做別人不想做的事情，明天做別人不能做的事情"></p>
</div>
<div class="clear"></div>
<div id="fenzu">
<div id="ruanjianzu">
<div class="tupian"><img src="images/ruanjianzu.jpg" alt="軟件組圖片" title="軟件組" width="75" height="100" /></div>
<div class="wenzi"><p><h3>軟件組</h3>主要從事手機軟件開發，主要學習java、Android、PHP</p></div>
</div>
<div id="jiaoshizu">
<div class="tupian"><img src="images/jiaoshi.png" title="一流的師資" alt="一流的師資" width="75" height="100"></div>
<div class="wenzi"><p><h3>優質師資</h3>井岡山大學信息工程系主任劉清老師<br/>理事長：劉慶梁 副理事長：童嘉欣</p></div>
</div>
<div id="yingjianzu">
<div class="tupian"><img src="images/yingjianzu.png" title="硬件組" alt="硬件組圖片" width='75' height="100"/> </div>
<div class="wenzi"><p><h3>硬件組</h3>主要從事硬件開發，擁有美國進口機器人、3D打印機等一系列先進高科技設備</p></div>
</div>
</div>
<div class="clear"></div>
<div id="jiaoxue">
<div id="kechengshezhi">
<ul>
<li><span style:font-size:24px;>課程設置</span></li>
<li>JAVA</li>
<li>Android</li>
<li>PHP</li>
<li>單片機</li>
<li>3D打印</li>
<li>智能機器人</li>
</ul>
</div>
<div id="jianjie">
<h3 style="color:red;text-align:center;vertical-align:middle;">北斗之芯協會</h3>
<p>
井岡山大學北斗之芯協會，成立於2013年，學術科技類社團，隸屬於井岡山大學學生社團聯合會，北斗之芯協會擔負著為北斗之芯實驗室輸送人才的任務，北斗依托電子與信息工程學院，由信息工程系主任劉清擔任指導老師，社團由理事會組織管理。設有理事長、副理事長及相關部門。
</p>
</div>
<div id="jingdianjiaocai">
<ul>
<li><span style:font-size:24px;>經典教材</span></li>
<li>《java入門到精通》</li>
<li>《Android核心科技》</li>
<li>《細說PHP》</li>
<li>《51單片機教程》</li>
<li>《3D打印入門到精通》</li>
<li>《瘋狂機器人》</li>
</ul>
</div>
</div>
</body>>
</html>
以上是html文件
body {background-image:url(images/blue.gif);}
#search_box{width:201px;height:31px;background:url(bg_search_box.gif);float:right}
#search_box #s{
float:left;
padding:0px;
margin:6px 0px 0px 6px;
border:0px;
width: 159px;
background:none;
font-size:14px;
}
#search_box #go{float:right;margin:6px 4px 0 0;}
#header{width:100%; border:hidden; margin-top:0px; margin-right:auto;background-color:none;height:80px;position:fixed z-index:10000;}
#header_left{ width:40%;float:left;margin-top:20px;}
#header_left h1{font-size:40px;color:#FFFFFF;text-align:left;vertical-align:middle;}
#header_center{width:30%;float:left}
#header_center p{text-align:left;vertical-align:middle;}
#header_right{width:30%;float:right;margin-top:20px;}
.clear{
clear:both;
margin:0px;
padding:0px;
}
#daohang{
background-color:#0033FF;
border:1px,#000,solid;
float:left;
width:100%;
}
#daohang ul{ float:left;list-style-type:none;border:1px solid #FFF;width:100px;font-size:21px;text-decoration:none;text-align:center;
margin:2px auto;color:#FFFFFF;display:block;}
#daohang ul a{
color:#FFFFFF;
text-decoration:none;
}
a:hover{color:#66FF99;}
#fenzu{background-color:#FFFFFF;margin:auto aauto;padding:10;}
#ruanjianzu{
background-color:#FFFFFF;
float:left;
width:32%;height:115px;
text-align:center;vertical-align:middle;
margin::auto 0px;
}
#jiaoshizu{
background-color:#FFFFFF;
float:left;
width:33%;height:115px;
text-align:center;vertical-align:middle;
margin::auto 0px;
}
#yingjianzu{
background-color:#FFFFFF;
float:left;
width:35%;height:115px;
text-align:center;vertical-align:middle;
margin::auto 0px;
}
.tupian{float:left; margin:auto 0; padding:10px;height:100px;}
.wenzi{float:left;text-align:center;vertical-align:middle;height:100px;}
#jiaoxue{background-image:url(images/baizhuan.gif);width:100%;height:150px; z-index:10000}
#kechengshezhi{float:left;width:27%;}
#jianjie{float:left;width:46%;}
#jingdianjiaocai{float:left;width:27%;}
li{display:block;border-top:border:1px solid #FFF;}
首先幫你數了一下div標簽，
7個8個，也有可能我眼神不好你自己查一下。其次查一下寬度的設置，很有可能是超寬了。
