发表于: 2017-04-07 22:04:04
1 558
今天完成的事情:
1.用position:absolute定位完成任务四;(1)absolute定位参考的父级元素是最近的使用position属性(属性值为非static的)的元素。(2)margin:0 auto可以使内容自适应水平居中。
2.用git客户端把任务四本地仓库上传到github上;步骤:(1) git remote add origin https://github.com/xxx/xxx.git;出现问题:fatal: remote origin already exists.解决办法:先git remote rm origin再 git remote add origin https://github.com/xxx/xxx.git(2) git push -u origin master;
明天计划的事情:
1.布局任务5的header和footer;
2.对任务5的背景图、头像、小图标切图;
3. 学习clear的用法
遇到的问题:
1.relative定位时占据了一个位置,使得本该并排显示的其他两个div下移。 解决:发现将relative改为absolute后问题解决。原因:relative位移后依然占据着其普通文本流的位置,而absolute则直接跳出普通文本流。如下图:
(无定位) (relative,占据普通文本流位置) (absolute,跳出普通文本流,下面的div可以上移)
收获: 完完全全用position:absolute定位,这个需要计算高度方向各个元素的高度。对比任务1和任务3的float用法,这样的定位好像稍显复杂。不管怎样,对position和float的认识,算是更了解了一点点吧。
评论