css 漂浮底部漂浮顶部

最新推荐文章于 2025-05-26 17:55:13 发布

Coding-lover

最新推荐文章于 2025-05-26 17:55:13 发布

阅读量4.6k

点赞数

分类专栏： css

css 专栏收录该内容

36 篇文章

订阅专栏

本文详细介绍了一段关于CSS样式的设置方法，包括顶部和底部固定的样式实现技巧，通过具体实例展示了如何利用CSS属性来达到良好的页面布局效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

.top
{
	margin: 0px;
	z-index: auto;
	position: fixed;
	font-family: cursive;
	border: 1px solid gray;
	padding-top: 10px;
	padding-bottom: 10px;
	line-height: 23px;
	height: 40px;
	width: 100%;
	background-color: white;
}

.bottom {
	background-color:#D5D8DE; 
	border:1px solid #C0C3C9; 
	text-align:center; 
	z-index:999; 
	position:fixed; 
	bottom:0; 
	left:0; 
	width:100%; 
	height:40px; 
	line-height:40px;
 /* for IE6 */ 
 	_position:absolute; 
 	_top: expression(documentElement.scrollTop + documentElement.clientHeight-this.offsetHeight);
 	overflow:visible; 
}