重写www.zju.edu.cn后的总结

不知不觉学习css和html居然都两个星期了（自己感觉只有10天的样子。。。亚历山大），最后收官之作是zju官网的重写。不过写下来，除了之前一些没怎么注意到的问题比如横向平移问题之类的没有注意，搜索框的样式不是特别熟练，没什么压力地就写完了。后来经过囧哥提的问题，拿回来修改news和events的切换问题的时候，倒是遇到了各种bug。

首先还是横向移动窗口的问题，现在的话按照zju1的编排方式可以将所有元素均找一个固定宽度的大框（比如980px）先套住，大框用re定位，只要将大框居中，其内大的一些元素用用padding和margin，小的一些东西用用float就大致可以解决（不过float不能乱用，子元素float之后父元素会感知不到子元素的高度和宽度。因此可以使用强制定义的方法解决大框宽高问题，或者用span等内联元素作为父元素去感知子元素高宽，至于内联元素现在不是用得特别熟练，还得加强才行）。

剩下问题就是下拉菜单和news和events切换的时候的问题，其实所有的这种切换应该都可以用下拉菜单的模型去简化，首先是一个大框re或ab定位固定住，其内的li用浮动或者定位控制，在li其内附加着一些ul或者div采用ab定位抽取出里的框内。对于li而言，好像是个“挂着很多东西庞然大物”，其实其本身所占的位置就是li自己的位置，是明着显示出来的，好像有实线框包围，而对于其内部挂着的div或者ul就好像是虚的框包围，由于ab定位的关系，其不占li的位置与体积，只是一个附属物而已。所以当对li使用float的时候，li自身会紧贴在一起，而不论里面挂的div或者ul有多大。以后用简单的下拉菜单逻辑思考这个问题即可。

接下来学js了，好好努力，不用担心太多的东西，记住一点，只要让自己能够开心就可以了。

明天也要先把模型做完才行啊。。。真心有点不想做啊。。