纯css Div顶部固定代码,Css代码库,德仔网

代码语言

代码分类

【Css】纯css Div顶部固定

作者:dezai / 发布于2014/6/6/ 684

一个关于CSS布局的实例，让一个Div始终处于网页顶部，拖动滚动条也不会改变它在顶部的位置，不受滚动条限制


	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
	<title>纯css顶部固定</title>
	<style type="text/css">
	/*<![CDATA[*/
	body {margin:0; padding:0 10px 0 10px; border:0; height:100%; overflow:auto;}
	#menu {right:0; top:0; width:100%; position:fixed; padding:10px; text-align:center; font-weight:bold; background:#ccc;}
	* html #menu {position:absolute; right:16px; top:0;}/*only for ie*/
	html {overflow:auto !important; overflow:hidden;}
	/*]]>*/
	</style>
	</head>
	<!-- -->
	<body id="" class="">
	<div >
	<div style=" height:890px;"> </div>
	<div id="menu">顶部固定</div>
	</div>
	</body>
	</html>

评论列表

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

试试其它关键字

　顶部固定,顶部　

同语言下

可能有用的

dezai贡献的其它代码(1065)