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

定位 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。

posted @ 2019-11-25 19:44  男孩纸丶梦  阅读(633)  评论(0)    收藏  举报