<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8" />
<title></title>
<style type="text/css">
body{
height: 3000px;
}
.outer {
width: 400px;
height: 500px;
border: 5px solid red;
margin: 50px auto;
position: relative;
}
.box1 {
width: 100px;
height: 100px;
background-color: orange;
/* 开启固定定位 */
position: fixed;
right: 0;
bottom: 30%;
}
</style>
</head>
<body >
<div class="outer">
<div class="box1"></div>
<p>
司老所什，也先程不，小量场，五举陀位么当血有之面郭谭畴就尽曾，小人偶太，法者知备人密之便使同不慧洪护惶没九法，生日怒幕这入主的程派事山持，骨磊人不是是学到妙是至，范陛的王尹畴他不令遗事卞，秦意楚没留身娇如入娇情判韩，升玉问罪人只绝到落路绪啦友看可，下不中贤愚厅方轻金洋关导订，愚书畴洪交仇通设贤，道资变原不逃出一，攻不了的到了和斯在最的，好要卧张希因妙了大已智德，他褒人言仑下李了会艳帮在春，定的张但才永好会姑十大，可对韩在婵派也得逃平，回死揽疾程么考责乐瞠高，方谭学人磊杨，卧决韩应，是么未是，作尹老了前啊终身在见谓土说德县第他，在诗攻作罚愚，败他极其上才使，心在落她创变后制量互后元，天或程非气。
</p>
</div>
</body>
</html>
<!--
当元素的position属性设置fixed时，则开启了元素的固定定位
（1）用于固定在浏览器页面上，不随浏览器的滚动而改变位置；
（2）以浏览器为参照物，和父元素没有任何关系；
（3）固定定位不占有原来的位置，即脱离标准流 ，更改元素的性质
(4)应用场景
- 固定导航
- 固定侧边栏
- 广告
-->
3574
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
