为了账号安全,请及时绑定邮箱和手机立即绑定

求解,如何使一个背景div的高度随着页面的大小变化而变化。

求解,如何使一个背景div的高度随着页面的大小变化而变化。

diav 2014-12-08 14:20:53
<!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" /> <title>无标题文档</title> <style type="text/css"> /*背景*/ body{ margin:0px; padding:0px; height:1000000px;} #a_1{ background-color:#990000; width:10%; height:100%; position:absolute;} #a_2{ background-color:#00FF33; width:10%; height:100%; position:absolute; left:10%} #a_3{ background-color:#3300FF; width:10%; height:100%; position:absolute; left:20%} #a_4{ background-color:#999900; width:10%; height:100%; position:absolute; left:30%} #a_5{ background-color:#999966; width:10%; height:100%; position:absolute; left:40%} #a_6{ background-color:#999999; width:10%; height:100%; position:absolute; left:50%} #a_7{ background-color:#9999CC; width:10%; height:100%; position:absolute; left:60%} #a_8{ background-color:#CC99FF; width:10%; height:100%; position:absolute; left:70%} #a_9{ background-color:#3366FF; width:10%; height:100%; position:absolute; left:80%} #a_10{ background-color:#CC9999; width:10%; height:100%; position:absolute; left:90%} .a{ z-index:-1} /* end 背景*/ #b_1{} </style> </head> <body> <!--背景--> <div id="a_1" class="a"></div> <div id="a_2" class="a"></div> <div id="a_3" class="a"></div> <div id="a_4" class="a"></div> <div id="a_5" class="a"></div> <div id="a_6" class="a"></div> <div id="a_7" class="a"></div> <div id="a_8" class="a"></div> <div id="a_9" class="a"></div> <div id="a_10" class="a"></div> <!--end 背景--> <div id="b_1">     你是大华公司等候i <br/><br/><br/>jkbkjv<br/><br/><br/><br/>     jkjbkb<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/> <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/> <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/> <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/> <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/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> vbjhvjh<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/> <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/> <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/> <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/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> jkbkhvv<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/> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> </div> </1body> </html>
查看完整描述

1 回答

  • 1 回答
  • 0 关注
  • 2760 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号