CSS 能够对网页中元素位置的排版进行像素级精确控制, 支持几乎所有的字体字号样式, 拥有对网页对象和模型样式编辑的能力. 使用 CSS 我们可以对 html 页面内容进行定位.
在 CSS 中关于定位的内容是: position:relative | absolute | static | fixed.static 没有特别的设定, 遵循基本的定位规定, 不能通过 z-index 进行层次分级.
在本文流中, 任何一个元素都被文本流所限制了自身的位置, 但是通过 CSS 定位我们依然使得这些元素可以改变自己的位置, 我们可以通过 float 来让元素浮动, 我们也可以通过 margin 来让元素产生位置移动.
CSS 中的定位:
relative 不脱离文档流, 参考自身静态位置通过 top(上),bottom(下),left(左),right(右) 定位, 并且可以通过 z-index 进行层次分级.
absolute 脱离文档流, 通过 top,bottom,left,right 定位. 选取其最近的父级定位元素, 当父级 position 为 static 时, absolute 元素将以 body 坐标原点进行定位, 可以通过 z-index 进行层次分级.
fixed 固定定位, 这里他所固定的对像是可视窗口而并非是 body 或是父级元素. 可通过 z-index 进行层次分级.
推荐: CSS 文档 https://www.html.cn/book/css/
来源: http://www.css88.com/qa/css3/14049.html