今天没在本部，去了分公司拿材料，我没带电脑过来，借用了同事的电脑敲点今天的日报。、

今天完成的事情：由于电脑的问题，今天主要是研究了如何垂直居中，下边讲。

明天计划的事情：白天找找到人力部长签字，尽可能多的走流程。明晚回去，修改一下task3的代码，敲一敲task4的代码。

收获：

（一）先说一下定位的问题：如果有一个div，它的position为absolute，那么这个div的位置取决于其父元素中position：relative。如果父元素中没有一个元素的position值是relative、absolute、或者fixed，那这个div位置将以body位置来参考。

 例子在下边的（二）2中会说明（我遇到的问题）

（二）我来讲讲今天研究的垂直居中问题。

浏览的很多个网站社区，找到了几个感觉实用的：

1  table:  div{display:table;}   p{display:table-cell;vertical-align:middle;}

 就这样就可以：效果，果然实现了垂直居中，但是：

如果我想让这个<p>浮动就不行了。

我加上了 p{float：right;display:table-cell;vertical-align:middle;}就成了下边的样子

但是如果：p{float：right;wedth:25%;display:table-cell;vertical-align:middle;}如下

，又成这样了，可是我的是right啊。

然后继续p{float：right;wedth:25%;taxt-align:right;display:table-cell;vertical-align:middle;}

,现在是我想要的了。

但是具体是什么原理我解释不出来。不过这种居中的方法感觉不难用。

2  position：absolute：这个方法使用了一个 position:absolute，有固定宽度和高度的 div。这个 div 被设置为 top:0; bottom:0;。但是因为它有固定高度，其实并不能和上下都间距为 0，因此 margin:auto; 会使它居中。

p{ height:1em; position:absolute; left:75%; top:0; bottom:0; margin:auto;}

效果：

现在说说上边的（一） 我的代码中有一行这个<div style="position:absolute">,我在p的父级元素中添加了这个所以才会这样，如果不添加这个如图：，这个是以body为参照。

但是这个有个问题，就是必须要有元素的高，才能这样写。

3  我看师兄的代码：position：relative：

  p{position: relative;float:right;text-align: right;width: 25%;top: 30%;}

我想的是这样能解决适配问题吗。 这个top30%是距离顶端父级元素的30%。

等我回去试一试。

4  如果是单行字的话就好说了：这个方法只能将单行文本置中。只需要简单地把 line-height 设置为那个对象的 height 值就可以使文本居中了。

height: 100%;line-height: 100%;

今晚在这边住一晚，明晚回去，先验证一下结论，修改修改我的task3.(づ￣ 3￣)づ