老湿是如何实现absolute元素表现为fixed的？百思不得其解啊
来源：4-1 overflow与absolute绝对定位
慕粉3830774
2016-08-23 15:50
<style>
.content { width: 60%; height: 2000px; background: #999; margin: 0 auto;}
.h0 { height: 0;}
.ovh { overflow: hidden;}
.tr { text-align: right;}
.abs { position: absolute; width: 20px; height: 20px; background: #F00;}
.ml10 { margin-left: 10px;}
.mt30 { margin-top: 30px;}
</style>
</head>
<body>
<div class="content">
<div class="h0 ovh tr">
<a class="abs ml10 mt30"></a>
</div>
</div>
</body>
这样写还是会跟随的赶脚
写回答
关注
1回答
-
- qq_巴萨最强_03768458
- 2016-08-25 13:40:14
content外面加一层设置高度，出现滚动条就ok了
<style> .warp { height:300px; overflow-y:auto;} .content { width: 60%; height: 2000px; background: #999; margin: 0 auto;} .h0 { height: 0;} .ovh { overflow: hidden;} .tr { text-align: right;} .abs { position: absolute; width: 20px; height: 20px; background: #F00;} .ml10 { margin-left: 10px;} .mt30 { margin-top: 30px;} </style><body> <div class="warp"> <div class="content"> <div class="h0 ovh tr"> <a class="abs ml10 mt30"></a> </div> </div> </div> </body>
CSS深入理解之overflow
深入理解overflow相关特性及实际应用，为你打开另外一扇学习之窗
41729 学习 · 78 问题
相似问题