CS基础知识之定位

基础布局方法position定位

1、定位分类

position：
相对定位 relative
绝对定位 absolute
固定定位 fixed

position: relative | absolute | fixed
top | bottom
left | right

style{
	.one{
	position:relative;
	}
	.two{
	position:absolute;
	top:10px;
	left:30px;
	}
}

2、定位用法

相对定位: 相对与自身原本的位置进行定位
不会脱离文本流，自身的位置任然保留
绝对定位：相对于有position属性的父容器进行定位。如果父容器的父容器的父容器…一直没有position属性就相对于body进行定位。
固定定位：固定在浏览器窗口，一直显示，不会随着浏览器滚动而滚动适。用于网页的侧边栏。

3、注意事项

1、绝对定位 固定定位都会脱离文本流，原本所占空间会被其他元素占据。