今天完成的事：早上把任务三到任务一回头再看了一遍。下午开始做任务四，现在刚把任务四导航栏做完。完成任务四时对浮动又有了更加深刻的认识，把文字写在div里他也就变成了一个可以浮动的块。

明天计划的事：继续完成任务四，争取明天昨晚，并搞明白思路。

遇到的问题：

今天刚做顶部的时候里面的”关闭““注册”就是用浮动完成的，然后再给他设置一个外边距，就可以了。但是这里的“注册”没有和关闭在同一水平线上，如下图：

这里可以把div的顺序调一下，就是把”登录“和”注册“的顺序调一下，”关闭“和”注册“就在同一水平线了。若下图：

所以说是html执行命令都是由上往下执行的。（感谢给各位学长的指导。）还有一个问题是顶部的”登录“居中后，但是水平方向还有高低差，我先用了外边距，

忽然发现顶部空出了一段空白。

外边距：围绕在元素边框的空白区域是外边距。设置外边距会在元素外创建额外的“空白”。

设置外边距的最简单的方法就是使用 margin 属性，这个属性接受任何长度单位、百分数值甚至负值。

内边距：元素的内边距在边框和内容区之间。控制该区域最简单的属性是 padding 属性。

CSS padding 属性定义元素边框与元素内容之间的空白区域。

我中间又尝试试着写了好几次，忽然想到外边距和内边距的不同时，我尝试了下内边距果然成功完成。总结一下，内边距是元素到边框的距离，而外边距是边框外的空白区，我设置外边框对元素位置没啥影响只是改变了空白区的大小而已。贴张图吧：

外边距和行内元素

外边距还可以应用到行内元素，不过效果稍有不同。为行内替换元素设置margin-top,margin-bottom，并不生效。因为向一个行内非替换元素应用外边距，它对行高并没有影响。为行内替换元素设置margin-left,margin-right，会生效。行内替换元素又不同：为替换元素设置的外边距会影响行高，可能使行高增加或减少。所以margin-top,margin-bottom，margin-left,margin-right都会生效。