CSS：positon 、dispaly、text-align

1 position

转自：https://www.cnblogs.com/zhuzhenwei918/p/6112034.html
总结：

1. static

static定位是HTML元素的默认值，即没有定位，元素出现在正常的流中，因此，这种定位就不会收到top，bottom,left,right的影响。

2. fixed

fixed定位是指元素的位置相对于浏览器窗口是固定位置，即使窗口是滚动的它也不会滚动，且fixed定位使元素的位置与文档流无关，因此不占据空间，且它会和其他元素发生重叠。

3. relative

相对定位元素的定位是相对它自己的正常位置的定位。
如果值为负数，则直接换成整数；如果值为整数，则直接改变相对方向。

4. absolute

绝对定位的元素相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于。

5. sticky

在一个内容中，我们可以固定一个部分，然后到了另一个内容，又会固定另外一个部分。

6. 重叠的元素–z-index属性

首先声明：z-index只能在position属性值为relative或absolute或fixed的元素上有效。
　　基本原理是：z-index的值可以控制定位元素在垂直于显示屏幕方向（z轴）上的堆叠顺序(stack order),值大的元素发生重叠时会在值小的元素上面。

7. 脱离文档流导致的问题

我们知道如果使用position:absolute和position:fixed都会导致元素脱离文档流，由此就会产生相应的问题。

2 display

参考：

1. https://www.cnblogs.com/zhuzhenwei918/p/6058457.html（块级元素和行内元素特点，其他的未仔细看完）
2. https://blog.youkuaiyun.com/Bessicxie/article/details/78572424（table）
3. http://www.w3school.com.cn/cssref/pr_class_display.asp
   

3 text-align

参考：https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-align
text-align CSS属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。

4 float

参考：

1. http://www.runoob.com/css/css-float.html
   元素的水平方向浮动，意味着元素只能左右移动而不能上下移动。
   一个浮动元素会尽量向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
   浮动元素之后的元素将围绕它。
   浮动元素之前的元素将不会受到影响。

2. https://www.cnblogs.com/wufangfang/p/5175940.html （暂时没看）

5 css居中问题

参考：

1. https://blog.youkuaiyun.com/qq_37959401/article/details/79601187

最后根据参考的project：
margin:8% auto auto auto;