管理资源吧首页>>>教程>>>编程>>>CSS/HTML教程>>>

css层固定位置练习

<!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>层固定位置练习--by 阿会楠</title> 
<style type="text/css"> 
html,body{ 
 overflow:hidden; 
 padding:0; 
 margin:0; 
 width:100%; 
 height:100%; 
} 
#_body{ 
 height:100%; 
 overflow-y:scroll; 
 width:100%; 
 height:100%; 
} 
#adDiv{ 
 position:absolute; 
 z-index:99999; 
 bottom:10px; 
 left:10px; 
 width:200px; 
 height:30px; 
 border:1px solid #8A9ABB; 
 background:#F0F4F7; 
 font:12px tahoma; 
 text-align:center; 
 line-height:30px; 
} 
</style> 
</head>

<body> 
<div id="adDiv"><a href="http://www.glzy8.com/" _ewebeditor_ta_href="http%3A%2F%2Fwww.glzy8.com%2F">管理资源吧</a></div> 
<div id="_body"> 
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
  
</div> 
</body> 
</html>

　　 [Ctrl+A 全选注:如需引入外部Js需刷新才能执行]

教程首页更多教程