<!doctype html>
<html>
<head>
<title>定位</title>
<meta charset="utf-8" />
<meta name="keywords" content="关键字" />
<meta name="description" content="网页描述" />
<meta http-equiv="refresh" content="2,url=http://www.baidu.com />
<link rel="shortcut icon" href="路径" />
</head>
<body>
1 固定定位:fixed 相对于浏览器来定位,不写坐标原地不动,不占空间,层级要高于普通元素。
2相对定位 :relative 相对于自己来定位 不写坐标原地不动,占空间,层级要高于普通元素。
3 绝对定位 :absolutel 相对于父元素来定位(不写相对于body来定位),不写坐标原地不动,不占空间,层级要高于普通元素。
4 定位坐标 取值 left right top bottom 这里的上下左右是指相对谁而言离某边的距离,而不是向某个方向移动多少距离。
如:left=20px; 即到左边的距离为20px;
5 光标类型 cursor :取值:help wait text hand pointer等
6 内容溢出时如何显示 overflow 取值:visible(可见) hidden(隐藏) scroll(出现滚动条) auto(自动)
注意:相对定位和绝对定位一般配合使用,固定定位一般是应用于网页的广告部分,不管怎摸滚动都不改变位置。
</body>
</html>