css 定位

来源:互联网 发布:淘宝主图大小尺寸像素 编辑:程序博客网 时间:2024/06/05 07:53

定位分为4种,相对定位(relative),绝对定位(absolute),静态定位(static),固定定位(fixed)


相对定位,元素应该显示的位置,虽然他脱离了标准流,但是它的空间不能被占用


绝对定位,对该元素最近的那个脱离了标准流的父元素定位(父元素是标准流则位置是相对于body,如果是非标准流位置是相对于父元素做变化 )。如果没有父元素,是相对于body定位


fixed定位,总是按照视窗的左上角位置定位。


静态定位通过margin和padding来改变位置,且一定自身改变位置, 后续的其他元素都会改变相对位置


left 、top对static是无效的参数。


z-index用于设置对象显示的时候层叠的顺序,值越小越在下层被压盖

0 0