body

其他常用：dispaly(none/block),不占位置的隐藏，visbility(visbie/hidden)，占位置隐藏。overflow:超出部分隐藏。透明，圆角，阴影。

<style type="text/css">
*{
margin:0px auto;
padding:0px;
}
#top{
width:1000px;
height:100px;}
.top_1{
float:left;}
#top_1_1{
font-family: 'Microsoft YaHei';
font-size: 14px;
color: #069;}
.top_2{
float:right;
color:#008c8e;
font-size:15px;
padding-right:15px;}
.on_1{
width:89.9px;
height:32.91px;
float:left;
background:#008c8e;
color:#FFF;
border-left:1px solid #FFF;
line-height:32.91px;}
.on_1:hover{
cursor:pointer;
background-color:rgb(102,102,102);
cursor:pointer;
color:#FFF}
#p_1{
text-align:center;}
#left{
width:173.99px;
height:349.57px;
float:left;}
#right{
width:195px;
height:349.57px;
float:right;
display:inline-block;}

</style>

<div id="top">
<div class="top_1"><img src="file:///C|/Users/Administrator/Desktop/网页/p/logo.gif" width="300" height="70" /></div>
<div class="top_1" style="width:460px; height:100px"><img src="file:///C|/Users/Administrator/Desktop/网页/p/zbvc-banner.gif" width="370" height="50" /></div>
<div class="top_1" id="top_1_1" style="width:240px; height:50px; vertical-align:auto; line-height:-20px; padding:-40px;S">
<span class="top_2" style="border-bottom:2px">淄博文明网</span>
<span class="top_2" style="border-bottom:2px">信息公开</span><br />
<span class="top_2">招标采购</span>
<span class="top_2">图书馆</span>
<span class="top_2">ENGLISH</span>
</div>
<input type="text" />
<img src="file:///C|/Users/Administrator/Desktop/网页/p/search.gif" />
</div>
<!--开头-->
<!--选项-->
<div id="on" style="width:1000px; height:35px; font-size:14px; text-align:center; vertical-align:auto; line-height:inherit; font-weight:bold;vertical-align:auto">
<div class="on_1">新闻中心</div>
<div class="on_1">学院概况</div>
<div class="on_1">机构设置</div>
<div class="on_1">教学科研</div>
<div class="on_1">团学在线</div>
<div class="on_1">团学在线</div>
<div class="on_1">国际交流</div>
<div class="on_1">示范校</div>
<div class="on_1">依法治校</div>
<div class="on_1">校园全景</div>
<div class="on_1">服务平台</div>
</div>
<!--选项-->
<!--开头的图片-->
<div id="p_1"><img src="file:///C|/Users/Administrator/Desktop/网页/p/shidai.jpg" width="1000" height="320.91" /></div>
<!--开头的图片-->