div置底--支持IE，FireFox代码,Css代码库,德仔网

代码语言

代码分类

【Css】 div置底--支持IE，FireFox

作者:Dezai.CN / 发布于2013/8/6/ 861


	<html><head><title></title>

	
	<style type="text/css">
	.r1{border: 1px solid #BED6F8;
	 width:200px;height:120px;float:right;
	 position:fixed !important;
	 position:absolute; z-index:300;
	 /*for ie*/
	 top:expression(document.body.clientHeight + offsetParent.scrollTop-this.offsetHeight-5);
	 /*for ff*/
	 bottom:5px;
	 right:5px;
	}

	</style></head><body>
	 <script language="javascript">
	 for(i=0;i<1000;i++){
	 document.write("");
	 }
	 function Small(){
	 document.getElementById('r1').style.height='30px';
	 }
	
	 function Resotre(){
	 document.getElementById('r1').style.height='120px';
	 }
	 </script>
	<div style="height: 120px;" id="r1" class="r1">
	 <div style="border-bottom: 1px solid rgb(190, 214, 248); vertical-align: middle; height: 30px;">
	 <table border="0" height="100%" width="100%">
	 <tbody><tr style="font-weight: bold; color: rgb(22, 64, 136); font-size: 14px;">
	 <td>Message Box</td>
	 <td style="font-size: 10px;" onclick="Small();">Small</td>
	 <td style="font-size: 10px;" onclick="Resotre();">Restore</td>
	 </tr>
	 </tbody></table>
	 </div>
	 <div id="context">
	
	 </div>
	 </div
	</body></html>

评论列表

本站所提供的代码，版权归原作者所有，若有侵犯作者版权，请与我们联系，我们将立即删除或修改。谢谢!
本站所有代码发布及提供者。

试试其它关键字

　div置底　

同语言下

可能有用的

Dezai.CN贡献的其它代码(4037)