ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

固定位置右下角

2021-05-12 21:52:46  阅读:115  来源: 互联网

标签:右下角 study 位置 然后 滚动条 固定 页面


前言

      自己学了一段时间web设计了,其实明白了浮动和盒子思想做起来倒是挺容易的。然后突然想到了一些网页上的右下角或者中间的位置有个图标一直保持位置不懂浮动着。于是自己觉得可以作为新手的一个练习。

过程

      建立一个html页面,来这么多的div,为了是给页面多填写内容。

      

     之后开始我发一个图片,目标就是让它固定,然后我上下滑动。

     这是滚动条在最上面,然后可以看见那个图片在右下角。

     

     然后把滚动条放到下面试试,

    

    没有动,图片还是在那个位置。其实它的样式就这几个。

    

    很简单的吧,平时没事一些网站的东西其实都可以拿出来自己玩玩,练练挺有意思的。

总结

      学习无止尽,自己还差的很远很远,在保证不落后的前提下,努力向前进步,追赶牛人的脚步。

                                              study study you must study for end

标签:右下角,study,位置,然后,滚动条,固定,页面
来源: https://blog.51cto.com/u_15199183/2772206

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有