<!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> *{ margin:0; padding:0; list-style:none;} html,body{ height:100%; overflow:hidden; background:#fff;} .top{ position:absolute; left:0; top:0; right:0; height:50px; overflow:auto; background:#f00;} .side{ position:absolute; left:0; top:50px; bottom:0; width:200px; overflow:auto; background:#0f0;} .main{ position:absolute; left:200px; top:50px; bottom:0; right:0; overflow:auto; background:#00f;} /*---ie6---*/ html{ _padding:50px 0 0;} .top{ _height:50px; _margin-top:-50px; _margin-bottom:0; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} .side{ _height:100%; _float:left; _width:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} .main{ _height:100%; _margin-left:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} </style> </head> <body> <div class="top">line1<br /><br /><br /><br /><br />line2</div> <div class="side"> line1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line2 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line3 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line4 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line5 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line6 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line7 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line8 </div> <div class="main"> line1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line2 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line3 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line4 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line5 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line6 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line7 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line8 </div> </body> </html>
<!doctype html> <html> <head> <meta charset="utf-8"> <style type="text/css"> *{ margin:0; padding:0; list-style:none;} html,body{ height:100%; overflow:hidden; background:#fff;} .top{ position:absolute; left:0; top:0; right:0; height:50px; overflow:auto; background:#f00;} .side{ position:absolute; left:0; top:50px; bottom:0; width:200px; overflow:auto; background:#0f0;} .main{ position:absolute; left:200px; top:50px; bottom:0; right:0; overflow:auto; background:#00f;} /*---ie6---*/ html{ _padding:50px 0 0;} .top{ _height:50px; _margin-top:-50px; _margin-bottom:0; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} .side{ _height:100%; _float:left; _width:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} .main{ _height:100%; _margin-left:200px; _position:relative; _top:0; _right:0; _bottom:0; _left:0;} </style> </head> <body> <div class="top">line1<br /><br /><br /><br /><br />line2</div> <div class="side"> line1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line2 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line3 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line4 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line5 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line6 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line7 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line8 </div> <div class="main"> line1<br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line2 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line3 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line4 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line5 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line6 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line7 <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />line8 </div> </body> </html>
扫一扫
1139
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
