課程
/前端開發
/JavaScript
/網頁廣告特效
其實position:absolute; bottom:0; right:0;也是可以實現將ad圖片定位在頁面右下角的,只是其位置會根據滾動條滾動而改變,因此,該題目命題不嚴謹
2014-06-10
源自:網頁廣告特效 1-5
正在回答
<div style="position:relative; width:100px; height:150px; top:200px; left:200px; background:#936;"> <div style="position:absolute; width:120px; height:120px; bottom:0; right:0; background:#9FC;"></div></div> <p>absolute也是相對父元素來說的</p>
<div style="position:relative; width:100px; height:150px; top:200px; left:200px; background:#936;"> <div style="position:absolute; width:120px; height:120px; bottom:0; right:0; background:#9FC;"></div></div>
absolute也是相對父元素來說的
如果頁面不滾動的話,使用absolute定位也是能起到同樣效果的,一樣是固定在頁面右下方了,在這個題目里,頁面是沒有滾屏的,所以兩種方式都能實現題目描述的效果,如果有滾屏的話,當然就另當別論了
題目已經說了是要求“固定”在右下角,如果滾動文檔,它就不能叫固定了,題目應該沒問題
舉報
原來這么EASY,從淺到深,逐步優化代碼,讓你深入理解
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2014-09-04
2014-09-04
<div style="position:relative; width:100px; height:150px; top:200px; left:200px; background:#936;"> <div style="position:absolute; width:120px; height:120px; bottom:0; right:0; background:#9FC;"></div></div>
absolute也是相對父元素來說的
2014-06-17
如果頁面不滾動的話,使用absolute定位也是能起到同樣效果的,一樣是固定在頁面右下方了,在這個題目里,頁面是沒有滾屏的,所以兩種方式都能實現題目描述的效果,如果有滾屏的話,當然就另當別論了
2014-06-16
題目已經說了是要求“固定”在右下角,如果滾動文檔,它就不能叫固定了,題目應該沒問題