css learn

float:

1、margin属性本身与float无关。写不写float都可以margin。

2、top,right,bottom,left和z-index都无法使用。

 3、父元素浮动,子元素在其中仍然是文档流。

position:relative 自己原先的位置处于文档流中,然后其元素却通过设置top,right,bottom,left来定位。absolute 和fix也是如此。static会使子元素继承父元素的属性。

margin:如果设置了百分数,是相对于父元素的宽度而设的。

元素居中:

1)不管父元素是否浮动,子元素要设置在其居中需要设置width并且margin:0 auto,子元素不能设置浮动。

2)text-align是设置元素内的文字(上下)居中的。但只能设置块级元素,不能设置行内元素。(因行内元素不可控制宽和高,其大小就是文字的大小)

3)Vertial-align是设置行内元素相对于父元素的对齐位置,如一个p元素内包含一个img元素,想设置img元素是上面对齐还是下面对齐p内的文字。

原文地址:https://www.cnblogs.com/Benjamin/p/3493699.html