首页 新闻 会员 周边 捐助

div滚动条的问题

0
悬赏园豆:100 [已关闭问题]
<P>我有div布了一个页面,想适用不同的分辨率,代码如下</P><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--> <DIV class=cnblogs_code><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><SPAN style="COLOR: #0000ff">&lt;!</SPAN><SPAN style="COLOR: #ff00ff">DOCTYPE&nbsp;HTML&nbsp;PUBLIC&nbsp;"-//W3C//DTD&nbsp;HTML&nbsp;4.0&nbsp;Transitional//EN"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">HTML</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">HEAD</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">TITLE</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000">&nbsp;New&nbsp;Document&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">TITLE</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">META&nbsp;</SPAN><SPAN style="COLOR: #ff0000">NAME</SPAN><SPAN style="COLOR: #0000ff">="Generator"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;CONTENT</SPAN><SPAN style="COLOR: #0000ff">="EditPlus"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">META&nbsp;</SPAN><SPAN style="COLOR: #ff0000">NAME</SPAN><SPAN style="COLOR: #0000ff">="Author"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;CONTENT</SPAN><SPAN style="COLOR: #0000ff">=""</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">META&nbsp;</SPAN><SPAN style="COLOR: #ff0000">NAME</SPAN><SPAN style="COLOR: #0000ff">="Keywords"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;CONTENT</SPAN><SPAN style="COLOR: #0000ff">=""</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">META&nbsp;</SPAN><SPAN style="COLOR: #ff0000">NAME</SPAN><SPAN style="COLOR: #0000ff">="Description"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;CONTENT</SPAN><SPAN style="COLOR: #0000ff">=""</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">HEAD</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">link&nbsp;</SPAN><SPAN style="COLOR: #ff0000">rel</SPAN><SPAN style="COLOR: #0000ff">="stylesheet"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;href</SPAN><SPAN style="COLOR: #0000ff">="mainForm.css"</SPAN><SPAN style="COLOR: #0000ff">/&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">BODY</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">form</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;<BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">id</SPAN><SPAN style="COLOR: #0000ff">="divToolBar"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;class</SPAN><SPAN style="COLOR: #0000ff">="topBar"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">id</SPAN><SPAN style="COLOR: #0000ff">="divBar"</SPAN><SPAN style="COLOR: #ff0000">&nbsp;class</SPAN><SPAN style="COLOR: #0000ff">="toolBar"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">class</SPAN><SPAN style="COLOR: #0000ff">="moduleName"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;模块管理<BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000">&nbsp;&nbsp;&nbsp;&nbsp;<BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">class</SPAN><SPAN style="COLOR: #0000ff">="navArea"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">class</SPAN><SPAN style="COLOR: #0000ff">="mainArea"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;</SPAN><SPAN style="COLOR: #800000">div&nbsp;</SPAN><SPAN style="COLOR: #ff0000">class</SPAN><SPAN style="COLOR: #0000ff">="statusBar"</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;状态栏<BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">div</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;<BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">form</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>&nbsp;</SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">BODY</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN><SPAN style="COLOR: #000000"><BR><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top></SPAN><SPAN style="COLOR: #0000ff">&lt;/</SPAN><SPAN style="COLOR: #800000">HTML</SPAN><SPAN style="COLOR: #0000ff">&gt;</SPAN></DIV> <DIV class=cnblogs_code><SPAN style="COLOR: #0000ff"> <DIV class=cnblogs_code><!--<br><br>Code highlighting produced by Actipro CodeHighlighter (freeware)<br>http://www.CodeHighlighter.com/<br><br>--><SPAN style="COLOR: #008080">&nbsp;1</SPAN><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><SPAN style="COLOR: #800000">*<BR></SPAN><SPAN style="COLOR: #008080">&nbsp;2</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_2_39_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;3</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-size</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">12px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;4</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-family</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">宋体</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;5</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;6</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>body<BR></SPAN><SPAN style="COLOR: #008080">&nbsp;7</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_45_106_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;8</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;margin</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">0px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">&nbsp;9</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;overflow</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">hidden</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">10</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;background-color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#fffff4</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">11</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">12</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_107_115_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;顶栏&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">13</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.topBar<BR></SPAN><SPAN style="COLOR: #008080">14</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_127_297_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">15</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;height</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">21px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">16</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">3px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">17</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;background-color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#749BD4</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">18</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#abc0e7&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">19</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border-right</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#00377a&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">20</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border-bottom</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#00377a&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">21</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;text-align</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">left</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">22</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">23</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_298_307_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;工具栏&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">24</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.toolBar<BR></SPAN><SPAN style="COLOR: #008080">25</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_320_336_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">26</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;float</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">left</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">27</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">28</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top><BR></SPAN><SPAN style="COLOR: #008080">29</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_338_348_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;模块名称&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">30</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.moduleName<BR></SPAN><SPAN style="COLOR: #008080">31</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_364_519_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">32</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;float</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">right</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">33</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-size</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">14px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">34</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-weight</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">bold</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">35</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#f4f4f4</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">36</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;text-align</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">right</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">37</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;vertical-align</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">text-bottom</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">38</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding-right</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">5px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">39</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding-top</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">4px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">40</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">41</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_520_530_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;导航区域&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">42</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.navArea<BR></SPAN><SPAN style="COLOR: #008080">43</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_543_664_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">44</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;width</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">200px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">45</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;overflow</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">auto</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">46</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;background-color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#eeeeee</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">47</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border-right</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#555555&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">48</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;float</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">left</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">49</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;height</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">550px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">50</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">51</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_665_676_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;右侧主区域&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">52</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.mainArea<BR></SPAN><SPAN style="COLOR: #008080">53</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_690_740_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">54</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;overflow</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">auto</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">55</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">15px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">56</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;float</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">right</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">57</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;<BR></SPAN><SPAN style="COLOR: #008080">58</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">59</SPAN><SPAN style="COLOR: #800000"><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><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">/**/</SPAN><SPAN id=Codehighlighter1_741_750_Open_Text><SPAN style="COLOR: #008000">/*</SPAN><SPAN style="COLOR: #008000">&nbsp;状态栏&nbsp;</SPAN><SPAN style="COLOR: #008000">*/</SPAN></SPAN><SPAN style="COLOR: #800000"><BR></SPAN><SPAN style="COLOR: #008080">60</SPAN><SPAN style="COLOR: #800000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/None.gif" align=top>div.statusBar<BR></SPAN><SPAN style="COLOR: #008080">61</SPAN><SPAN style="COLOR: #800000"><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><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">}</SPAN><SPAN id=Codehighlighter1_765_1045_Open_Text><SPAN style="COLOR: #000000">{</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">62</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;height</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">14px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">63</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;background-color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#666666</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">64</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#bbbbbb&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">65</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border-right</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#000000&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">66</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;border-bottom</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">#000000&nbsp;1px&nbsp;solid</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">67</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">0px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">68</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding-right</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">8px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">69</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;padding-bottom</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">1px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">70</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;text-align</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">right</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">71</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;color</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">White</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">72</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-family</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">Tahoma</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">73</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;font-size</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">11px</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">74</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/InBlock.gif" align=top>&nbsp;&nbsp;&nbsp;&nbsp;clear</SPAN><SPAN style="COLOR: #000000">:</SPAN><SPAN style="COLOR: #0000ff">both</SPAN><SPAN style="COLOR: #000000">;</SPAN><SPAN style="COLOR: #ff0000"><BR></SPAN><SPAN style="COLOR: #008080">75</SPAN><SPAN style="COLOR: #ff0000"><IMG src="http://space.cnblogs.com/Images/OutliningIndicators/ExpandedBlockEnd.gif" align=top></SPAN><SPAN style="COLOR: #000000">}</SPAN></SPAN></DIV> <DIV class=cnblogs_code><SPAN><SPAN style="COLOR: #000000">&nbsp;</SPAN></SPAN></DIV> <DIV class=cnblogs_code><SPAN><SPAN style="COLOR: #000000">不同的分辨率高和宽都是不一样的,我的宽设为100%,高设为100%没有用。我现在想让顶栏始终在浏览器的顶端,状态栏始终在浏览器的底部,让中间的两个div当高度超过显示区域时自动添加滚动条,不知道怎么解决,请高手帮忙,请大家调试好再给我答案,不盛感激.</SPAN></SPAN></DIV></SPAN></DIV>
鹿亮的主页 鹿亮 | 初学一级 | 园豆:80
提问于:2008-07-19 12:13
< >
分享
其他回答(1)
0
<!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"> 左边的导航 <br />1 <br /> <br /> <br /> <br />2 <br /> <br /> <br /> <br /> <br />3 <br /> <br /> <br /> <br /> <br />4 <br /> <br /> <br /> <br />5 <br /> <br /> <br /> <br /> <br /> <br />6 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />7 </div> <div class="main"> <br />1 <br /> <br /> <br /> <br />2 <br /> <br /> <br /> <br /> <br />3 <br /> <br /> <br /> <br /> <br />4 <br /> <br /> <br /> <br />5 <br /> <br /> <br /> <br /> <br /> <br />6 <br /> <br /> <br /> <br /> <br /> <br /> <br /> <br />7 </div> <div class="bottom"> 底部 </div> </body> </html> 这就是你要的效果吧,不过在IE6下运行不行, 在IE7及firefox下运行正常.
侯垒 | 园豆:3435 (老鸟四级) | 2008-07-19 17:10
0
/*基本信息*/ 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
清除回答草稿
   您需要登录以后才能回答,未注册用户请先注册