码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2019-11-25 20:54:10      阅读:95      评论:0      收藏:0      [点我收藏+]

标签:osi   abs   20px   空间   ati   方式   考点   pos   窗口   

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

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

标签:osi   abs   20px   空间   ati   方式   考点   pos   窗口   

原文地址:https://www.cnblogs.com/guoyaoning/p/11929969.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!