【Web】盒子、浮动、定位

/* div居中 */
margin: 0 auto;

/* 浮动 */
/* 所有元素都可以浮动，浮动后都是块级元素,可以设置宽高 */
/* 浮动元素的外边缘不会超过父元素的内边缘，显示不下就自动换行 */
/* important：浮动元素会脱离标准流（脱标），浮动的盒子不再保留原先的位置 */
/* 要是一个盒子浮动，它的兄弟盒子也应该浮动（防脱标）；浮动的盒子只会影响到后面的标准流，不会影响到前面的 */
float: left;



<!-- 清除浮动，在父盒子后面加一个空的标签 -->
<!-- 给父元素设置一个overflow:hidden -->
overflow:hidden;

 子盒子是absolute时，父盒子中使用relative，子元素时相对于第一个有定位的父元素来说的。
绝对定位也会脱标。

relative	相对定位，相对于其原文档流的位置进行定位
absolute	绝对定位，相当于static定位以外的第一个上级元素进行定位

z-index：

谁大谁在上边