css关于浮动加定位

老师请问为什么第一章代码中不是已经通过继承相当于给li设置了等同于父元素的高宽了吗？为什么还要在js再动态计算再css改变呢？还有我在《css实战手册》中看到一句话说绝对不要把浮动和定位（除了静态）一起使用，可是代码里li都是浮动加相对定位啊？我想知道是这个书太老了现在规范有变化还是？还有就是我记得在css权威指南中看到height设置为百分数的时候不是以父元素的宽度来计算的吗？现在可是好像都是按照高度来计算的？是不是我看的教材都太旧了和现在的规范有出入了啊？