div滚动条的问题

悬赏园豆：100 [已关闭问题]

我有div布了一个页面,想适用不同的分辨率,代码如下 <DIV class=cnblogs_code><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><HTML> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top> <HEAD> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <TITLE> New Document </TITLE> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <META NAME="Generator" CONTENT="EditPlus"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <META NAME="Author" CONTENT=""> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <META NAME="Keywords" CONTENT=""> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <META NAME="Description" CONTENT=""> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top> </HEAD> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><link rel="stylesheet" href="mainForm.css"/> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top> <BODY> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <form> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    <div id="divToolBar" class="topBar"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>        <div id="divBar" class="toolBar"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>        </div> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>        <div class="moduleName"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>        模块管理 <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>        </div>     <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    </div> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    <div class="navArea"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    </div> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    <div class="mainArea"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    </div> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    <div class="statusBar"> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    状态栏 <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>    </div> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>   <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>  </form> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top> </BODY> <IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top></HTML></DIV> <DIV class=cnblogs_code> <DIV class=cnblogs_code> 1<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>*  2<IMG id=Codehighlighter1_2_39_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_2_39_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_2_39_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_2_39_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_2_39_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_2_39_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_2_39_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_2_39_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_2_39_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{  3<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-size:12px;  4<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-family:宋体;  5<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>}  6<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>body  7<IMG id=Codehighlighter1_45_106_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_45_106_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_45_106_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_45_106_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_45_106_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_45_106_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_45_106_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_45_106_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_45_106_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{  8<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    margin:0px;  9<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    overflow:hidden; 10<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    background-color:#fffff4; 11<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 12<IMG id=Codehighlighter1_107_115_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_107_115_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_107_115_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_107_115_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_107_115_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_107_115_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_107_115_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_107_115_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_107_115_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 顶栏 */ 13<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.topBar 14<IMG id=Codehighlighter1_127_297_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_127_297_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_127_297_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_127_297_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_127_297_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_127_297_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_127_297_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_127_297_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_127_297_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 15<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    height:21px; 16<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding:3px; 17<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    background-color:#749BD4; 18<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border:#abc0e7 1px solid; 19<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border-right:#00377a 1px solid; 20<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border-bottom:#00377a 1px solid; 21<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    text-align:left; 22<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 23<IMG id=Codehighlighter1_298_307_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_298_307_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_298_307_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_298_307_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_298_307_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_298_307_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_298_307_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_298_307_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_298_307_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 工具栏 */ 24<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.toolBar 25<IMG id=Codehighlighter1_320_336_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_320_336_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_320_336_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_320_336_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_320_336_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_320_336_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_320_336_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_320_336_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_320_336_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 26<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    float:left; 27<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 28<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top> 29<IMG id=Codehighlighter1_338_348_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_338_348_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_338_348_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_338_348_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_338_348_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_338_348_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_338_348_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_338_348_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_338_348_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 模块名称 */ 30<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.moduleName 31<IMG id=Codehighlighter1_364_519_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_364_519_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_364_519_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_364_519_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_364_519_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_364_519_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_364_519_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_364_519_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_364_519_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 32<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    float:right; 33<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-size:14px; 34<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-weight:bold; 35<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    color:#f4f4f4; 36<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    text-align:right; 37<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    vertical-align:text-bottom; 38<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding-right:5px; 39<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding-top:4px; 40<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 41<IMG id=Codehighlighter1_520_530_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_520_530_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_520_530_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_520_530_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_520_530_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_520_530_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_520_530_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_520_530_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_520_530_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 导航区域 */ 42<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.navArea 43<IMG id=Codehighlighter1_543_664_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_543_664_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_543_664_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_543_664_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_543_664_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_543_664_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_543_664_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_543_664_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_543_664_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 44<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    width:200px; 45<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    overflow:auto; 46<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    background-color:#eeeeee; 47<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border-right:#555555 1px solid; 48<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    float:left; 49<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    height:550px; 50<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 51<IMG id=Codehighlighter1_665_676_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_665_676_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_665_676_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_665_676_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_665_676_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_665_676_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_665_676_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_665_676_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_665_676_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 右侧主区域 */ 52<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.mainArea 53<IMG id=Codehighlighter1_690_740_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_690_740_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_690_740_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_690_740_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_690_740_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_690_740_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_690_740_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_690_740_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_690_740_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 54<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    overflow:auto; 55<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding:15px; 56<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    float:right; 57<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>     58<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>} 59<IMG id=Codehighlighter1_741_750_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_741_750_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_741_750_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_741_750_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_741_750_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_741_750_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_741_750_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_741_750_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_741_750_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">/**//* 状态栏 */ 60<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.statusBar 61<IMG id=Codehighlighter1_765_1045_Open_Image onclick="this.style.display='none'; document.getElementById('Codehighlighter1_765_1045_Open_Text').style.display='none'; document.getElementById('Codehighlighter1_765_1045_Closed_Image').style.display='inline'; document.getElementById('Codehighlighter1_765_1045_Closed_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockStart.gif" align=top><IMG id=Codehighlighter1_765_1045_Closed_Image style="DISPLAY: none" onclick="this.style.display='none'; document.getElementById('Codehighlighter1_765_1045_Closed_Text').style.display='none'; document.getElementById('Codehighlighter1_765_1045_Open_Image').style.display='inline'; document.getElementById('Codehighlighter1_765_1045_Open_Text').style.display='inline';" src="http://space.cnblogs.com/Images/OutliningIndicators/ContractedBlock.gif" align=top><SPAN id=Codehighlighter1_765_1045_Closed_Text style="BORDER-RIGHT: #808080 1px solid; BORDER-TOP: #808080 1px solid; DISPLAY: none; BORDER-LEFT: #808080 1px solid; BORDER-BOTTOM: #808080 1px solid; BACKGROUND-COLOR: #ffffff">{<IMG src="http://space.cnblogs.com/images/dot.gif">}{ 62<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    height:14px; 63<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    background-color:#666666; 64<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border:#bbbbbb 1px solid; 65<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border-right:#000000 1px solid; 66<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    border-bottom:#000000 1px solid; 67<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding:0px; 68<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding-right:8px; 69<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    padding-bottom:1px; 70<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    text-align:right; 71<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    color:White; 72<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-family:Tahoma; 73<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    font-size:11px; 74<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>    clear:both; 75<IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top>}</DIV> <DIV class=cnblogs_code> </DIV> <DIV class=cnblogs_code>不同的分辨率高和宽都是不一样的，我的宽设为100%，高设为100%没有用。我现在想让顶栏始终在浏览器的顶端，状态栏始终在浏览器的底部，让中间的两个div当高度超过显示区域时自动添加滚动条，不知道怎么解决，请高手帮忙，请大家调试好再给我答案，不盛感激.</DIV></DIV>

网站开发 HTML/CSS基础

鹿亮 | 初学一级 | 园豆：80
提问于：2008-07-19 12:13

< >

其他回答(1)

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <style type="text/css"> body,div{margin:0;} .top{position: fixed;top:0;left:0;width:100%;height:50px;background-color:blue;} .left{top:50px;width:180px;float:left;background-color:red;} .main{margin-left:180px;background:#0f0;margin-bottom:20px;background-color:green;} .bottom{position:fixed;left:0px;bottom:0px;width:100%;height:20px;background-color:yellow;clear:both;} </style> </head> <body> <div class="top">这时是头</div> <div class="left"> 左边的导航 1 2 3 4 5 6 7 </div> <div class="main"> 1 2 3 4 5 6 7 </div> <div class="bottom"> 底部 </div> </body> </html> 这就是你要的效果吧,不过在IE6下运行不行, 在IE7及firefox下运行正常.

侯垒 | 园豆：3435 (老鸟四级) | 2008-07-19 17:10

/*基本信息*/ body {font:12px Tahoma;margin:0px;text-align:center;background:#FFF;} /*页面层容器*/ #container {width:100%} /*页面头部*/ #Header {width:800px;margin:0 auto;height:100px;background:#FFCC99} /*页面主体*/ #PageBody {width:800px;margin:0 auto;height:400px;background:#CCFF00} /*页面底部*/ #Footer {width:800px;margin:0 auto;height:50px;background:#00FFFF} #Sidebar{width:200px:margin:0 auto;height:50px;background:#0066ff} 看看这段吧，1024 和800下都是满屏的

成茂 | 园豆：210 (菜鸟二级) | 2008-07-20 16:25

清除回答草稿

您需要登录以后才能回答，未注册用户请先注册。

欢迎，请先 登录 或者 注册 。

div滚动条的问题

欢迎，请先登录或者注册。