shirobert 发表于 2018-12-15 06:39:49

PHP课程总结20161201

      今天的课程,我们主要进行了下拉列表的制作。在制作中,通过老师的讲解和自己的思考,我们解决了所遇到的问题。
      一、总结
      1.属性position的相对定位和绝对定位。
     (1)如果“父div”没有属性position,“子div”有绝对定位,那么“子div”就会相对“body盒子”移动。
     (2)如果“父div”有属性position,“子div”有绝对定位,那么“子div”就会相对“父div”移动。
      2.“下拉列表”和“选项卡”那些变换的内容都是存在的,只是在不需要的时候被隐藏了。
      3.下拉列表弹出来,之所以下面的内容没有下移,是因为“列表div”被包含在了“导航条li盒子”里了,它本身与下边内容所在的div盒子并没有冲突,所以不会挤掉下边内容。关键点在布局上。
      4.下拉列表弹出来,不能覆盖下面内容,这时需要设置属性position。(父div为相对定位,子div为绝对定位)
  
      二、下拉列表的编程过程
http://s2.运维网.com/wyfs02/M00/8A/F9/wKioL1hALkmQ-FuZAAJyHvst9qI347.png-wh_500x0-wm_3-wmp_4-s_2312857292.png
http://s3.运维网.com/wyfs02/M01/8A/FD/wKiom1hALkqiB4kdAAL3ppV5dhg250.png-wh_500x0-wm_3-wmp_4-s_2551627777.png
http://s1.运维网.com/wyfs02/M01/8A/F9/wKioL1hALobT6JnXAAEYRWTbSBs703.png-wh_500x0-wm_3-wmp_4-s_1667251942.png



页: [1]
查看完整版本: PHP课程总结20161201