position屬性?設置了fixed屬性的元素不是應該在所有元素的最上面嗎,為什么我設置absolute屬性的元素會把fixed屬性的元素覆蓋掉。<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style>
#box1{width:?10%;?height:?50px;?background:?#faa;?position:?fixed;?}
#box2{width:?20%;?height:?90px;?background:?#aaa;?margin-left:?40px;?}
</style>
</head>
<body>
<div?id="box1"></div>
<div?id="box2"></div>
</body>
</html>效果圖<!DOCTYPE?html>
<html>
<head>
<meta?charset="UTF-8">
<title>Document</title>
<style>
#box1{width:?10%;?height:?50px;?background:?#faa;?position:?fixed;?}
#box2{width:?20%;?height:?90px;?background:?#aaa;?margin-left:?40px;?position:?absolute;?}
</style>
</head>
<body>
<div?id="box1"></div>
<div?id="box2"></div>
</body>
</html>效果圖為什么我的會是這個樣子???
2 回答

墨韻凝睇
TA貢獻2條經(jīng)驗 獲得超0個贊
你可以試著換一下兩個box的先后位置,你就會發(fā)現(xiàn),fixed的box又覆蓋了absolute的box;
所以和定位后面的屬性沒有關系,只是瀏覽器默認后面的可以覆蓋前面的。
添加回答
舉報
0/150
提交
取消