问答详情
源自：4-1 overflow与absolute绝对定位

老湿是如何实现absolute元素表现为fixed的？百思不得其解啊

<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">
     &nbsp;<a class="abs ml10 mt30"></a>
   </div>
 </div>
</body>

这样写还是会跟随的赶脚

提问者：慕粉3830774 2016-08-23 15:50

个回答

  • 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">
     &nbsp;<a class="abs ml10 mt30"></a>
   </div>
 </div>
</div>
</body>


    2