课程
/前端开发
/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,从浅到深,逐步优化代码,让你深入理解