今天完成的事情：完成对任务8相关页面的最后修改。加深对margin值的理解

明天计划的事情：继续学习相关知识点，继续下一个任务点

遇到的问题：

1.职位页面有个选择栏的点击没做相应的效果，只加了hover效果，后来加上active和visited伪类才出现了相应的效果。

2.友情链接的两行内容上下有不对齐，最后发现原因是字数少的那块儿在起作用，所以索性在字数少的那块加点margin-right值，使宽度和字多的宽度一样，这样就欧克了，后来经师兄指导，才知道可以把每个字加个div，然后再设置宽度，这样就没什么对齐的问题了，因为每个字的宽度都是一样的。

收获：

关于margin为负值的时候：

当A元素不存在width属性或者（width：auto）的时候，负margin-left和负margin-right会增加A元素的宽度,这会让A元素的内容增加宽度，如果A元素是子元素时，增加margin左右负值大于父元素宽度时，则内容溢出。
margin-top为负值不会增加高度，只会产生向上位移
margin-bottom为负值不会产生位移，但会减少自身的供css读取的高度（子元素设置bottom负值后的这个高度只作用于父元素，也就是父元素的高度会随着子元素的bottom正负值而变化），子元素本身的固定高度还是不变的且内容也一样不受影响，所以如果想限制子元素的高度，可以在父元素添加overflow:hidden;，把子元素多余的高度遮掉。

另外元素的width无论设置auto还是数值，其不会影响上述对margin-top和margin-bottom的定义。margin上下左右的特点：top的计算值是作用于自身元素（移动元素位置），bottom的计算值是作用于父元素（增减父元素内容高度，无法阻止溢出），left和right计算值是作用于自身元素（增减自身内容宽度，无法阻止溢出）。