当前位置：首页 → 问答吧 → 怎样使红色条和下面的蓝框一样宽，急！

怎样使红色条和下面的蓝框一样宽，急！

时间：2011-03-15

来源：互联网

拖动水平滚动条以后，怎样使红色条和下面的蓝框一样宽，除了设置红色条的宽度，蓝色框的宽度是定死的，也不能修改。急！！

<!DOCTYPE HTML> <html> <head> <meta charset="gbk"> <title>test</title> <style> body{position:relative;font-family:verdana;font-size:12px; margin:0;} #page_head{width:2000px;height:120px;border:solid 1px blue;margin:0 auto;position:relative;} </style> </head> <body> <div style="background:red; width:100%; ">111</div> <div > <div id="page_head"> 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 </div></div> </body> </html>
提示：您可以先修改部分代码再运行

[ 本帖最后由 ljone 于 2011-3-15 14:08 编辑 ]

作者: ljone 发布时间: 2011-03-15

<!DOCTYPE HTML> <html> <head> <meta charset="gbk"> <title>test</title> <style> body{position:relative;font-family:verdana;font-size:12px; margin:0;} #page_head{width:2000px;height:120px;border:solid 1px blue;margin:0 auto;position:relative;} .out{width:2000px;｝ </style> </head> <body> <div class="out"> <div style="background:red; width:100%; ">111</div> <div id="page_head"> 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 1111111111111111111111111111111111111111111111111111111111111111111111111111 </div>
提示：您可以先修改部分代码再运行

作者: Lydia530 发布时间: 2011-03-15

怎样使红色条和下面的蓝框一样宽，急！

热门阅读

热门下载