问题描述：css触动修改

昨天是将A和B分开处理，触动A之后显示B,A、B是两个不同的个体，因此当移动到B上之后，没有再触动A就使得B内容消失。

解决方案：将A、B两部分放置在C中，其中A显示，B隐藏，当触动C时再让B显示，这样因为B在C内所以，在移动过程中，B不会消失。

同时对B的css中使用position：absolute；使得A位置不发生变动。

问题描述：缩放显示说明

非双层控制：只用div_2就可实现，原理是body相当于一个大的div_1。使用双层控制的好处是，可以对div_1的背景设置颜色，那样的好处是可以在页面缩放时，色带依旧存在。

发现：相邻class的float设置left时各元素内容正常方向显示，设置right后将按照反方向显示。

 class值为nav-item float：left；

产生效果：

正序方向 float：right；

产生效果：

逆序方向

z-index的使用：对需要进行的兄弟元素使用absolute（绝对）或者relative（相对）定位。

---

min/max-hight/width

模块化处理，相同方法成块，使得代码简洁化。