经常的写法都是把它独立的放在最后。例如：
<body>
<div class="content">
内容
</div>
<div class="fix-box">浮窗</div>
</body>
.content{height:2000px;}
.fix-box{position:fixed;right:0;top:0;}
--------------------------------------------------------------
但如果是这样：
<body>
<div class="content">
内容
<div class="area">
绝对定位
<div class="fix-box">浮窗</div>
</div>
</div>
</body>
.content{height:2000px;position:relative;}
.area{position:absolute;top:100px;left:100px;}
.fix-box{position:fixed;right:0;top:0;}
大家都知道，position:absolute是基于position:relative或者position:absolute定位的。
那position:relative或者position:absolute是否会影响到position:fixed的定位？
答案是不会影响。
那么position:fixed是基于什么定位的呢？
大家可以去试试，是基于浏览器窗口。
参考网址：http://www.w3school.com.cn/jsref/prop_style_position.asp
扫一扫
5万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
