亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全，請及時綁定郵箱和手機立即綁定

老濕是如何實現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>

這樣寫還是會跟隨的趕腳

正在回答

1 回答

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 回復 有任何疑惑可以回復我~
#1

慕粉3830774 提問者

good，非常感謝！
2016-08-26 回復 有任何疑惑可以回復我~
#2

慕少7532173

直接將position：absolute改為fixed也可以實現固定。請問上面的解決方法在外面套一層.wrap為何就可以實現固定了呢？
2016-10-20 回復 有任何疑惑可以回復我~
#3

qq_巴薩最強_03768458 回復 慕少7532173

wrap固定了高度和滾動條，里面內容只能在wrap里面活動了
2016-10-21 回復 有任何疑惑可以回復我~
#4

喋喋呀

這個絕對定位塊它的包含塊到底是哪個
2016-10-28 回復 有任何疑惑可以回復我~
查看1條回復

舉報

0/150
提交
取消

老濕是如何實現absolute元素表現為fixed的？百思不得其解啊

我要回答 關注問題
微信客服

購課補貼
聯系客服咨詢優惠詳情

 幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

 公眾號

掃描二維碼
關注慕課網微信公眾號