Div+Css实现图层固定，吊窗

最新推荐文章于 2021-07-21 02:17:17 发布

笨-大叔

最新推荐文章于 2021-07-21 02:17:17 发布

阅读量1.3k

点赞数

分类专栏： CSS 文章标签： html css div固定

本文链接：https://blog.csdn.net/u014703834/article/details/38366259

版权

在页面中，经常会遇到这样的问题，

摘要由CSDN通过智能技术生成

在页面中，经常会遇到这样的效果，一个图层总是在某一个位置，无论滚动条滚动与否，这个Div始终都在这个位置显示。刚开始以为是用js实现的，确实，可以利用js去实现，但是在css中有更好的方法。利用position属性fixed，来实现Div相对于整个窗体的定位。

下面是菜鸟代码，如果有更好的方法欢迎交流分享，也希望大神们可以对我的代码提出宝贵意见。

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>index</title>
		<meta name="author" content="Administrator" />
		<!-- Date: 2014-08-04 -->
		<style type="text/css">
			body {margin:0;padding:0;}
			.container01{width:1002px;height:50px;background:#59A725;position:fixed;
			left:50%;margin-left:-501px;text-align:center;line-height: