问题描述: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后将按照反方向显示。


产生效果:


产生效果:

z-index的使用:对需要进行的兄弟元素使用absolute(绝对)或者relative(相对)定位。
min/max-hight/width
模块化处理,相同方法成块,使得代码简洁化。
网友评论