css 定位

css 相对定位

绝对定位可以精确地定位要素在页面的独立位置，而不考虑页面其他要素的定位设置。相对定位是所要定位要素的位置相对于它在文件中所分配的位置。

I{position:relative; left:40px;top:10px;}

相对定位的关键在于定位了要素的位置是相对于它通常应在的位置进行定位。如果停止使用相对定位，则文字的显示位置将会恢复正常。

使用相对位置要小心，否则容易将页面弄得非常乱。

除了行对定位和绝对定位，还可以使用static（静止）参数值。它的使用方法同普通HTML中的定位方法，不能附加特殊的定位设置。


css绝对定位

定位（左边和顶部）

H4 { position: absolute; left: 100px; top: 43px }

这项CSS规则让浏览器将<H4>的起始位置精确地定在距离浏览器左边100象素，距离其顶部43象素的位置。

注意这里唯一设置了的是左边和顶部，也就是说，文字将从左到右，从上到下载入浏览 器窗口。

左边和顶部属性很直观，左边（left)设定要素距浏览器窗口左边的距离，顶部(top) 设定距离浏览器窗口顶部的距离。

设定这些距离时，你可以使用所学过的各种长度单位或比例值。使用比例值时，比例值 指的是相对于母体要素的尺寸。