如何使框架内的div不溢出 2020-11-10 在线代码 301 <!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" /> <style type="text/css"> html,body{ margin:0; padding:0; overflow:hidden;height:100%;} div { background:#f60; line-height:1.6;} .top { position:absolute; left:0; top:0; right:0; height:50px;} .side { position:absolute; left:0px; top:50px; bottom:16px; width:200px; overflow:auto;} .main { position:absolute; left:200px; top:50px; bottom:16px; right:0; overflow:hidden;} .bar{width:100%;height:15px;background-color:#FF0;position:absolute;left:0; right:0;} .content{width:100%;overflow:auto;position:absolute;left:0; top:15px;bottom:16px;right:0;background-color:#fff;} .bottom { position:absolute; left:0px; bottom:0px; right:0px; height:16px;} /*---ie6---*/ html { _padding:50px 0 0 0;} .top { _height:50px; _margin-top:-65px; _margin-bottom:0; _position:relative; _top:0;_left:0;} .side { _height:100%; _float:left; _width:200px; _position:relative; _top:0; _left:0;} .bar { _height:15px; _width:100%; _position:relative; _top:0;_left:0;} .content { _height:100%; _float:left; _width:100%; _position:relative; _top:0; _right:0; _bottom:0;_left:0px;} .main { _height:100%;_width:auto; _position:relative; _top:0; _left:0;} .bottom { _height:16px;_position:relative;_top:0;_bottom:0;_left:0;} </style> </head> <body> <div class="top"></div> <div class="side"> </div> <div class="main"> <div class="bar"></div> <div class="content"> <br /><p>test</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test</p><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><p>test</p><br /><br /> </div> </div> <div class="bottom"></div> </body> </html> 在线运行 0
QQ登录
评论 0