定位的属性以及margin的简写。

Posted 2020-11-22 guoyaoning

定位 position top right bottom left 这五个属性都是css属性
　　方向的属性值都是length 比如50px
　　position的属性值
　　relative 相对定位：相对自己原来的位置进行定位。且还占用之前的空间。
absolute 绝对定位
　　如果一个元素设置了 absolute/fixed 他将向父级查找是否有position属性，如果有就以父级为参考点，如果没有就继续向父级的父级查找，如果有relative就以父级的父级为参考点，如果没有就按照这种方式继续向上查找，直到找到为止，如果一直都没有就以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的简写一样
　　1.标准流下，垂直方向的margin不叠加，以最大的为准。如果不在标准流下，margin会叠加。
　　2.margin最好不要用在父子元素之间，用在兄弟元素之间。父子之间最好用padding。