今天完成的事：

修改了第二个页面的样式，大致完成了第二个页面，准备小课堂。

明天计划的事：

完成任务12，深度思考。
遇到的问题：

暂无

收获：

margin负值在页面布局中有哪些应用？

去除列表右边距

项目中经常会使用浮动列表展示信息，为了美观通常为每个列表之间设置一定的间距（margin-right）,当父元素的宽度固定式，每一行的最右端的li元素的右边距就多余了，去除的方法通常是为最右端的li添加class，设置margin-right:0; 这种方法需要动态判断为哪些li元素添加class，麻烦！！！利用负margin就可以实现这种效果。

去除列表最后一个li元素的border-bottom

列表中我们经常会添加border-bottom值，最后一个li的border-bottom往往会与外边框重合，视觉上不雅观，往往要移除。

负边距+定位：水平垂直居中
　　使用绝对定位将div定位到body的中心，然后使用负margin（content宽高的一半），将div的中心拉回到body的中心，已到达水平垂直居中的效果。

负边距自适应布局

此例适用于一栏宽度固定一栏宽度自适应的布局，就像QQmail一样，导航栏宽度固定，内容区域随着浏览器的大小而自动缩放。

google reader自适应渐变圆角按钮

现在大家都比较追求纯，前端人士追求的是纯css，无图片，自适应。google reader 的按钮就具备了以上特点，而且还有渐变的效果，其内层div的左右border就使用了负边距以达到模拟1像素圆角的效果。

三栏等高

此例关键是给每个框设置大的底部内边距，然后用数值相似的负外边距消除这个高度。这会导致每一列溢出容器元素，如果把外包容器的overflow属性设为hidden，列就在最高点被裁切。