必威体育Betway必威体育官网
当前位置:首页 > IT技术

使用position的fixed和absolute二者区别

时间:2019-07-14 08:44:18来源:IT技术作者:seo实验室小编阅读:58次「手机版」
 

absolute

我们知道,css的position定位属性中,表示绝对定位的有两个值,值absolute与值fixed。

都是绝对定位,二者有一致性,也有不同点。那么二者的区别是什么呢?那就是position的fixed值定位的元素会固定在原来的位置不变,不管你如何拖动滚动条,元素都不会改变位置,这从fixed这个英文单词的意思也可以看出,“固定的,不变的,固执的”。而absolute正好相反,拖动滚动条时元素会随着改变位置。

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>Document</title>

<style>

p{width:100px; height:100px; background: green;}

#left{position:absolute; left:0; top:100px;}

#right{position:fixed; right:0; top:100px;}

</style>

</head>

<body style="height:1000px">

<p id="left">absolute</p>

<p id="right">fixed</p>

</body>

</html>

相关阅读

return 0和return 1和return -1的区别

1、返回值int 类型的函数返回: return语句用来结束循环,或返回一个函数的值。 return 0:一般用在主函数结束时,按照程序开发的一般

深度剖析offsetParent、offsetTop、offsetLeft和Paren

深度剖析offsetParent、offsetTop、offsetLeft和ParentNode的区别 ParentNode:是直接结构上的父级,并不是显示父级offsetParent:有

关于骗取贷款罪和贷款诈骗罪的区别

第一个例子:我不符合贷款的条件,但我又想贷到款,于是我花100块钱办个假的房产证,然后我拿着这个假房产证去找小贷公司做抵

include 和 include_once 的区别

include 和 include_once 的区别 include 会将指定的文件载入并执行里面的程序;重复引用加载多次。include_once 函数会将指定的

break 和continue 区别以及用法。

今天我们来介绍一下循环里的break 和continue的用法以及区别 想搞清楚break 和continue的用法以及区别必须要记住的两件两句话!

分享到:

栏目导航

推荐阅读

热门阅读