使用html和css实现一个简单的三级菜单

三级菜单用到了绝对定位和相对定位

相对定位： position: relative;

•                       没有脱离标准文档流
•                       层级自动提高，会覆盖浮动元素
•                        left:距离左边移动
•                        right:距离右边移动
•                        top:距离上边移动
•                        bottom:距离下边移动

绝对定位:position: absolute;

•                      如果祖先元素没有定位，相对于浏览器定位
•                      如果祖先元素有定位,相对于"最近的"定位的祖先元素 定位
•                      绝对定位会脱离标准文档流，影响下边的元素
•                      绝对定位找参照祖先元素，应该用relative
•                      经过绝对定位的元素会变成行内块元素