|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
以下的内容是一位网友的DIVCSS编码笔记,是值得大家学习的,在实际工作与开发中,将工作中的点滴记录下来,回首这些过往,你也会收获很多
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><title>切合尺度的一般事情的春联告白</title><scripttype="text/javascript"><!--lastScrollY=0;functionheartBeat(){vardiffY;if(document.documentElement&&document.documentElement.scrollTop)diffY=document.documentElement.scrollTop;elseif(document.body)diffY=document.body.scrollTopelse{/*Netscapestuff*/}//alert(diffY);percent=.1*(diffY-lastScrollY);if(percent>0)percent=Math.ceil(percent);elsepercent=Math.floor(percent);document.getElementById("leftDiv").style.top=parseInt(document.getElementById("leftDiv").style.top)+percent+"px";document.getElementById("rightDiv").style.top=parseInt(document.getElementById("leftDiv").style.top)+percent+"px";lastScrollY=lastScrollY+percent;//alert(lastScrollY);}//上面这段删除后,春联将不跟从屏幕而挪动。window.setInterval("heartBeat()",1);//--></script><styletype="text/css"><!--/*这里界说滴是页面高度,用来测试春联跟从效果滴,跟告白有关*/html,body{height:1000px;}#mm{height:1000px;}/*这里是设置春联款式滴*/#leftDiv,#rightDiv{width:120px;/*宽度*/height:250px;/*高度*/background-color:#e5e5e5;/*背景色彩*/border:1pxsolid#ddd;/*边框款式*/position:absolute;/*相对定位激活*/}--></style></head><body><divid="leftDiv"style="top:120px;/*间隔顶部120px*/left:2px;/*间隔左边2px*/">左边告白内容</div><divid="rightDiv"style="top:120px;/*间隔顶部120px*/right:2px;/*间隔右边2px*/">右边告白内容</div><divid="mm"></div></body></html>
尺度之路www.ckuyun.com提醒:能够先修正部分代码后再运转
ie中母div被设置成特定高度之后,假如里面的子div高度(有float的话就以清除float的div的最底为总高度)超过了母div设置的高度,ie会自动把母div撑大,但是ff却不能,ff中母div的高度会依然,里面的子层会溢出到外面来。兼容方法:不要设置母层高度 |
|