为什么middle没有设置定位，就能够直接使用margin：0 auto？

灰灰老师，我更新了一下，也有用代码试过，您看看对不对？ 1.水平居中 ①当元素设置margin：0 auto，宽度为固定值或百分比（除了100%）的时候，元素则水平居中，不需绝对定位 ②当元素设置margin：0 auto，宽度为固定值或百分比（除了100%）的时候，设置绝对定位，元素则不会水平居中（因为绝对定位以后就脱离了父级盒子，只能以父级为参考进行定位，你可以理解为绝对定位以后就浮在了父级上面，所以margin中auto就没有了参考值） ③当元素设置margin：0 auto，宽度为100%或者没有设置的时候，元素则不会水平居中（因为元素会相对浏览器来显示，一个盒子本身左右都是紧贴浏览器屏幕的 ,所以你设置了居中 ,也是看不来效果的） 2.垂直居中 ①当元素设置margin：auto，高度为固定值或百分比或没有设置的时候，没有设置绝对定位，元素则不会垂直居中 （原理：垂直居中时没有办法计算出父元素高度，所以你设置了父元素高度也是无法计算出来的，这就是margin:auto的一个特点。它的原理就是没有办法计算出父元素的高度） ②当元素设置margin：auto，高度为固定值或百分比的时候，设置绝对定位并在父元素设置了相对定位（结合margin：auto；lrbt：0），元素则在父元素垂直居中，并且水平居中 （原理：结合定位和margin:auto能够实现垂直居中的原理类似于拔河效应，即设置了bottom:0， 有设置了top:0，元素不知道到底要移上去还是移下去，上下为难的时候，出来一个margin:auto，干脆居中好了） ③当元素设置margin：auto，高度没有设置的时候，设置绝对定位（结合margin：auto；lrbt：0），元素则不会垂直居中

同学总结的ok

灰灰老师，我还有一个总结，您看看？ 绝对定位和margin移动的区别 绝对定位：当元素绝对定位以后，它在父元素的位置是根据top/left/right/bottom来定位的；margin：margin是根据自身当前位置来定位的

灰灰老师，垂直居中没有办法计算父元素高度的原理是什么？结合了绝对定位就可以计算高度的原理又是什么？

下面是我的总结，请灰灰老师看一下对不对？有没有需要补充完善的？ 元素的水平和垂直居中、margin属性、绝对定位的三者关系 1.水平居中 ·当元素设置margin：0 auto，宽度为固定值的时候，元素则水平居中，不需绝对定位 ·当元素设置margin：0 auto，宽度为固定值的时候，设置绝对定位，元素则不会水平居中（因为绝对定位以后就脱离了父级盒子，只能以父级为参考进行定位，你可以理解为绝对定位以后就浮在了父级上面，所以margin中auto就没有了参考值） ·当元素设置margin：0 auto，宽度为百分比或者没有设置的时候，元素则不会水平居中（因为元素会相对浏览器来显示，一个盒子本身左右都是紧贴浏览器屏幕的 ,所以你设置了居中 ,也是看不来效果的） · 2.垂直居中 ·当元素设置margin：auto，高度为固定值或百分比或没有设置的时候，没有设置绝对定位，元素则不会垂直居中（垂直居中时没有办法计算出父元素高度，所以你设置了父元素高度也是无法计算出来的，这就是margin:auto的一个特点） ·当元素设置margin：auto，高度为固定值或百分比的时候，设置绝对定位（结合margin：auto；lrbt：0），元素则垂直居中 ·当元素设置margin：auto，高度没有设置的时候，设置绝对定位（结合margin：auto；lrbt：0），元素则不会垂直居中

同学总结的有两点需要注意一下 , 第一点是元素设置百分比也可以水平居中 , 例如90% ,80% ,只要不是100%让元素紧贴浏览器两侧 ,它就能够居中显示 . 第二点是设置绝对定位（结合margin：auto；lrbt：0）的元素 ,它的父元素需要设置相对定位 ,这样就能在父元素中居中了 . 其实margin:0 auto与定位是实现居中的两种不同方式 . 如果你只要水平居中 , 直接给元素设置宽度和margin:0 auto实现就可以了 . 如果是想要实现水平和垂直居中 , 可以结合margin：auto；lrbt：0这种方式去实现 .

灰灰老师，1.垂直居中的时候父元素如果已经有高度了，就可以使用了吗？2.水平居中如果没有宽度，那还能实现吗？