发表于： 2019-05-23 00:17:37
1 722
这是任务三的日报。。。
今天完成的事：
完成了任务三，葡萄藤图标一开始用绝对定位，相对定位做了半天还是不对，原来用margin：auto就能实现居中。
由此深刻学习了position属性里面常用的定义，relative，absolute以及fixed。
首先是relative定位，它有叫相对定位，默认代码如下。
添加position：relative并且设置top和left值。
相对位置相对的是在文档流中的位置而进行的偏移，它还占有文档流的位置，占据的文档空间不会被top等属性而改变，当使用margin和padding的时候会让空间偏移。
absoulte定位，也叫绝对定位，使用它的元素会脱离文档流，只能根据祖先类进行定位。如果没有的话会一直找到<html>标签为止。而relative最外层是以<body>标签为止的。
这里设置一下
可以看到他们之间是有一段距离的大概相差9px。
还有就是如果top和bottom一同存在的话，那么只有top生效，同理left和right一同存在的话，只有left生效。
返回列表
评论