使用position的fixed和absolute二者區別
阿新 • • 發佈：2018-11-12
我們知道，css的position定位屬性中，表示絕對定位的有兩個值，值absolute與值fixed。
都是絕對定位，二者有一致性，也有不同點。那麼二者的區別是什麼呢？那就是position的fixed值定位的元素會固定在原來的位置不變，不管你如何拖動滾動條，元素都不會改變位置，這從fixed這個英文單詞的意思也可以看出，“固定的，不變的，固執的”。而absolute正好相反，拖動滾動條時元素會隨著改變位置。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
div{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">
<div id="left">absolute</div>
<div id="right">fixed</div>
</body>
</html>
