定位的方法
定位 position 这五个属性都是css属性
方向的属性值都是length 比如50px
Position的属性值
relative 相对定位:相对自己原来的位置进行定位。且还占用之前的空间。
absolute 绝对定位:
如果一个元素设置了absolute/fixed,它将向父级查找是否有position属性,如果有就以父级为参考点,如果没有就继续向父级的父级查找,如果有position属性就以父级的父级为参考点,如果没有就按照这种方式继续向上查找,直到找到为止,如果一直都没有就以body窗口为参考点。
简称 子绝父相。
Fixed 固定定位
Absolute和fixed一旦设置了,该元素就会脱离文档流。
Margin
一个元素设置了margin,属性值是length。总共有四个margin分别是margin-top,margin-right,margin-bottom,margin-left。
Margin的简写
Margin:10px 20px 30px 40px; 代表上右下左。
Margin:10px 20px 30px 代表 上 左右 下。
Margin:10px 20px; 代表 上下 左右
Margin:10px; 代表上右下左。
Padding和margin的简写一样。
- 标准流下,垂直方向的margin不叠加,以最大的为准。
如果不在标准流下,margin会叠加。
- Margin最好不要用在父子元素之间,用在兄弟元素之间。父子之间最好用padding。