css框模型及position属性

Posted 2020-06-29

css框模型：1、padding  内边距   数值、百分比    不接受负值

  　　　　　2、margin  外边距    数值、百分比    可以接受负值

　　　　　 例：  padding：50px（上）   50px（左右）    50px （下）

　　　　　　　　　　　　　 50px（上下） 50px （左右）

　　　　　　　　　　　　　50px （上）  50px （右）50px （下）50px （左）

　　　　　　display：inline  块级元素转为行内元素

　　　　　　　　　　 block   行内元素转为块级元素

　　　　　　　　　　 inline—block  行内块元素

　　　　　　display：none   不显示

css  position属性：

　　　　　　　　　1、static静态

　　　　　　　　　2、relative 相对定位（不脱离文档流）

　　　　　　　　　3、absolute  绝对定位（脱离文档流）

　　　　　　　　　4、fixed  固定定位（脱离文档流）

子元素定位时，父元素要相对定位，此时子元素就以父元素来进行定位。