定位的方法

定位 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的简写一样。

  1. 标准流下,垂直方向的margin不叠加,以最大的为准。

如果不在标准流下,margin会叠加。

  1. Margin最好不要用在父子元素之间,用在兄弟元素之间。父子之间最好用padding。

猜你喜欢

转载自www.cnblogs.com/zhangyuxinxin/p/11933055.html
今日推荐