???????????????????????????
??? ???????????????????????
???????????????????固定側边的做法有非常多种，今天为大家介绍一种非常简单的做法。
整个html文档仅仅有23行代码就搞定了。
网上也有非常多做法，可是都太过复杂。一大堆代码。并且有的非常採用一些jquery的一些插件。
側栏的做法和顶部、页脚都大致雷同。
掌握当中的一种，其它的都非常easy实现。常见的样例有：新浪微博的菜单条，新浪体育的右側二维码扫描等功能都是这种实现。
这种固定特定部位，而不随滚动栏滚动的做法，见以下代码：
<!DOCTYPE html><html><head><title>測试</title><style>#left{position:fixed;top:100px;right:0px;}.content{height:1700px;border:1px solid red;}</style></head><!-- 欢迎大家关注我的博客！如有疑问,请加QQ群：454796847共同学习！?--><body><div id="left"><img src="1.png"/></div><div class="content"></div></body></html>
执行效果例如以下：watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQv/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/Center" ?/>欢迎大家关注我的博客。如有疑问,请加QQ群：454796847共同学习！?
???????????????
网页固定側栏的做法
原文地址：https://www.cnblogs.com/llguanli/p/8520305.html