今天完成的事情：

1.优化任务八九。推进任务十。思考布局，暂时只做了如下。

2.了解负边距的概念。

明天计划的事情：

1.完成整个界面。

遇到的问题：

1.导航栏使用float无法浮动到右边，想把它置于右侧，但也不想只是纯加左边距把它推过去。

查找资料了解到justify-content-end的类名，可以直接写在class里。直接把导航栏置于右端。

2.回顾任务八九日报之前的问题。

收获：

1.今日了解了bootstrap栅格为什么container加row方式布局。

“行（row）”必须包含在 .container （固定宽度）或 .container-fluid （100% 宽度）中，以便为其赋予合适的排列（aligment）和内补（padding）。

首先，container提供一个水平方向的 padding，使其内部的内容不会接触到浏览器的边界，大小为15px。

然后，container里包含有row，同时 row 还有一个很特殊的地方，就是左右各有-15px 的 margin。

当row的内部再使用column时，column本身也有一个15px的左右边界（此处column即可看作是container，这便是栅格系统很巧妙的地方，它能在内部一直嵌套），

此-15px可以和container的15px抵消，再加入column后，15px间距不仅能起效，还能在两个column之间产生30px的间距。

2.关于负边距的了解。非常好的一个应用是利用绝对定位来居中。

将红色盒子的margin-left和margin-top设置为红色盒子的负一半间距，使用position：absolute，设置left和top为50%，即可实现红色盒子的居中，确实很巧妙。

3.今天主要是对栅格的负边距看了很久不理解，再看了上面这个例子感觉好多了。但还要继续理解，虽然今天花的时间有点多，没怎么推进任务。